@seed-design/lynx-react 0.0.0-alpha-20260622094810

package/lib/components/Icon/Icon.jsx

@@ -0,0 +1,143 @@
+import { handleColor, handleDimension } from "../../utils/styled.js";
+import { useIconColor } from "../../hooks/useIconColor.js";
+import clsx from "clsx";
+import * as React from "@lynx-js/react";
+import { cloneElement, isValidElement, useMainThreadRef } from "@lynx-js/react";
+//#region src/components/Icon/Icon.tsx
+var IconSlotContext = React.createContext(null);
+var IconRequiredContext = React.createContext(null);
+function IconRequired({ children, enabled }) {
+	const registeredCountRef = React.useRef(0);
+	const parentContext = React.useContext(IconRequiredContext);
+	const register = React.useCallback(() => {
+		registeredCountRef.current += 1;
+		if (process.env.NODE_ENV !== "production" && registeredCountRef.current > 1) throw new Error("Icon-only Component must render only one <Icon /> under children. Check if you are rendering multiple <Icon />.");
+	}, []);
+	const unregister = React.useCallback(() => {
+		registeredCountRef.current = Math.max(0, registeredCountRef.current - 1);
+	}, []);
+	React.useLayoutEffect(() => {
+		if (!enabled) return;
+		if (process.env.NODE_ENV !== "production") {
+			if (parentContext) throw new Error("Icon-only Component must not be nested within another Icon-Only. Check if you are using Icon-Only inside another Icon-Only.");
+			if (registeredCountRef.current === 0) throw new Error("Icon-only Component must render <Icon /> as a child. Check if you are using raw icon element instead of <Icon icon={} />.");
+		}
+	}, [enabled, parentContext]);
+	const value = React.useMemo(() => {
+		if (!enabled) return parentContext ?? null;
+		return {
+			register,
+			unregister
+		};
+	}, [
+		enabled,
+		parentContext,
+		register,
+		unregister
+	]);
+	return <IconRequiredContext.Provider value={value}>{children}</IconRequiredContext.Provider>;
+}
+function IconSlotProvider({ value, children }) {
+	return <IconSlotContext.Provider value={value}>{children}</IconSlotContext.Provider>;
+}
+var iconSlotMarker = Symbol.for("@seed-design/lynx-react/icon-slot");
+function getIconSlotName(node) {
+	if (!isValidElement(node)) return null;
+	return node.type[iconSlotMarker] ?? null;
+}
+function mergeWrapperStyle({ size, color, style }) {
+	const dimension = handleDimension(size);
+	const resolvedColor = handleColor(color);
+	if (dimension == null && resolvedColor == null) return style;
+	return {
+		...dimension != null ? {
+			width: dimension,
+			height: dimension
+		} : {},
+		...resolvedColor != null ? { color: resolvedColor } : {},
+		...style
+	};
+}
+function getStyleColor(style) {
+	return style?.color;
+}
+var IconSlotBase = React.forwardRef((props, ref) => {
+	const { icon, slot, baseClassName, className, style, size, color, children: _children, ...nativeProps } = props;
+	const context = React.useContext(IconSlotContext);
+	const iconRequiredContext = React.useContext(IconRequiredContext);
+	const sourceRef = useMainThreadRef(null);
+	const slotClassName = slot != null ? context?.classNames?.[slot] : void 0;
+	const iconColor = useIconColor([
+		baseClassName,
+		slotClassName,
+		className,
+		size,
+		color,
+		getStyleColor(style),
+		...context?.deps ?? []
+	], { sourceRef });
+	const hasValidIcon = isValidElement(icon);
+	React.useLayoutEffect(() => {
+		if (slot !== "icon" || !hasValidIcon) return;
+		iconRequiredContext?.register();
+		return () => {
+			iconRequiredContext?.unregister();
+		};
+	}, [
+		hasValidIcon,
+		iconRequiredContext,
+		slot
+	]);
+	if (!hasValidIcon) return null;
+	return <view {...ref ? { ref } : {}} {...nativeProps} main-thread:ref={sourceRef} className={clsx(baseClassName, slotClassName, className)} style={mergeWrapperStyle({
+		size,
+		color,
+		style
+	})}>
+      {cloneElement(icon, {
+		...iconColor,
+		className: icon.props.className,
+		style: {
+			...icon.props.style,
+			width: "100%",
+			height: "100%"
+		}
+	})}
+    </view>;
+});
+IconSlotBase.displayName = "IconSlotBase";
+function createIconComponent(displayName, slot, baseClassName) {
+	const Component = React.forwardRef((props, ref) => {
+		return <IconSlotBase ref={ref} slot={slot} baseClassName={baseClassName} {...props} />;
+	});
+	Component.displayName = displayName;
+	Component[iconSlotMarker] = slot;
+	return Component;
+}
+var Icon = createIconComponent("Icon", "icon", "seed-icon");
+var PrefixIcon = createIconComponent("PrefixIcon", "prefixIcon", "seed-prefix-icon");
+var SuffixIcon = createIconComponent("SuffixIcon", "suffixIcon", "seed-suffix-icon");
+var InternalIcon = React.forwardRef((props, ref) => {
+	const { icon, deps = [], className, style, children: _children, ...nativeProps } = props;
+	const sourceRef = useMainThreadRef(null);
+	const iconColor = useIconColor([
+		className,
+		getStyleColor(style),
+		...deps ?? []
+	], { sourceRef });
+	if (!isValidElement(icon)) return null;
+	return <view {...ref ? { ref } : {}} {...nativeProps} main-thread:ref={sourceRef} className={className} style={style}>
+      {cloneElement(icon, {
+		...iconColor,
+		className: icon.props.className,
+		style: {
+			...icon.props.style,
+			width: "100%",
+			height: "100%"
+		}
+	})}
+    </view>;
+});
+InternalIcon.displayName = "InternalIcon";
+//#endregion
+export { Icon, IconRequired, IconSlotProvider, InternalIcon, PrefixIcon, SuffixIcon, getIconSlotName };

package/lib/components/Icon/index.d.ts

@@ -0,0 +1,2 @@
+export { Icon, PrefixIcon, SuffixIcon, type IconProps, type PrefixIconProps, type SuffixIconProps, } from './Icon';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,KAAK,SAAS,EACd,KAAK,eAAe,EACpB,KAAK,eAAe,GACrB,MAAM,QAAQ,CAAC"}

package/lib/components/ProgressCircle/ProgressCircle.d.ts

@@ -0,0 +1,25 @@
+import { ProgressCircleVariantProps } from '@seed-design/lynx-css/recipes/progress-circle';
+import { LynxStyledElementProps } from '../../types';
+import type * as React from "@lynx-js/react";
+export interface ProgressCircleRootProps extends ProgressCircleVariantProps, LynxStyledElementProps {
+    minValue?: number;
+    maxValue?: number;
+    value?: number;
+}
+export type RootProps = ProgressCircleRootProps;
+/**
+ * Lynx에서 SVG를 사용할 수 없어 CSS clip-path 기반 pie sector로 구현.
+ *
+ * **Known Issues:**
+ * - clip-path가 Lynx에서 animatable이 아니라 JS RAF로 매 프레임 SVG path 생성
+ * - Lynx main thread에서 모듈 레벨 Map 미지원으로 인스턴스 간 RAF 공유 불가
+ * - 다수 인스턴스 동시 렌더링 시 성능 저하 가능
+ *
+ * Lynx SVG + stroke-dasharray 지원 시 CSS-only 애니메이션으로 전환 예정.
+ */
+export declare const ProgressCircleRoot: React.ForwardRefExoticComponent<ProgressCircleRootProps & React.RefAttributes<unknown>>;
+export declare const ProgressCircleRange: {
+    (): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=ProgressCircle.d.ts.map

package/lib/components/ProgressCircle/ProgressCircle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCircle.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressCircle/ProgressCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAa7C,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AAChG,OAAO,KAAK,EAAE,sBAAsB,EAAe,MAAM,aAAa,CAAC;AA2GvE,MAAM,WAAW,uBACf,SAAQ,0BAA0B,EAChC,sBAAsB;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,SAAS,GAAG,uBAAuB,CAAC;AAIhD;;;;;;;;;GASG;AACH,eAAO,MAAM,kBAAkB,yFA8B7B,CAAC;AAIH,eAAO,MAAM,mBAAmB;;;CAQ/B,CAAC"}

package/lib/components/ProgressCircle/ProgressCircle.jsx

@@ -0,0 +1,281 @@
+import { progressCircle } from "@seed-design/lynx-css/recipes/progress-circle";
+import clsx from "clsx";
+import { createContext, forwardRef, runOnMainThread, useContext, useEffect, useMainThreadRef, useMemo } from "@lynx-js/react";
+//#region src/components/ProgressCircle/ProgressCircle.tsx
+var ProgressCircleContext = createContext(null);
+function useProgressCircleContext() {
+	const ctx = useContext(ProgressCircleContext);
+	if (!ctx) throw new Error("ProgressCircle compound components must be used within ProgressCircle.Root");
+	return ctx;
+}
+function computeRingGeometry(numSize) {
+	const halfSize = numSize / 2;
+	const innerR = .53 * Math.SQRT2 * halfSize;
+	return {
+		halfSize,
+		innerR,
+		ringCenterR: (halfSize + innerR) / 2,
+		capSize: halfSize - innerR
+	};
+}
+function bgPieClipPath(size, angleDeg) {
+	if (angleDeg >= 360) return void 0;
+	if (angleDeg <= 0) return "path(\"M 0 0 Z\")";
+	const c = size / 2;
+	const r = c + 1;
+	const rad = angleDeg * Math.PI / 180;
+	const endX = c + r * Math.sin(rad);
+	const endY = c - r * Math.cos(rad);
+	const largeArc = angleDeg > 180 ? 1 : 0;
+	return `path("M ${c} ${c} L ${c} ${c - r} A ${r} ${r} 0 ${largeArc} 1 ${endX} ${endY} Z")`;
+}
+function cubicBezier(rawT, x1, y1, x2, y2) {
+	"main thread";
+	const t = Math.max(0, Math.min(1, rawT));
+	const cx = 3 * x1;
+	const bx = 3 * (x2 - x1) - cx;
+	const ax = 1 - cx - bx;
+	let currentT = t;
+	for (let i = 0; i < 8; i++) {
+		const currentX = ((ax * currentT + bx) * currentT + cx) * currentT - t;
+		const currentDx = (3 * ax * currentT + 2 * bx) * currentT + cx;
+		if (Math.abs(currentDx) < 1e-6) break;
+		currentT = currentT - currentX / currentDx;
+	}
+	const cy = 3 * y1;
+	const by = 3 * (y2 - y1) - cy;
+	return (((1 - cy - by) * currentT + by) * currentT + cy) * currentT;
+}
+function pieClipPath(size, angleDeg) {
+	"main thread";
+	if (angleDeg >= 360) return void 0;
+	if (angleDeg <= 0) return "path(\"M 0 0 Z\")";
+	const c = size / 2;
+	const r = c + 1;
+	const rad = angleDeg * Math.PI / 180;
+	const endX = c + r * Math.sin(rad);
+	const endY = c - r * Math.cos(rad);
+	const largeArc = angleDeg > 180 ? 1 : 0;
+	return `path("M ${c} ${c} L ${c} ${c - r} A ${r} ${r} 0 ${largeArc} 1 ${endX} ${endY} Z")`;
+}
+function sampleIndeterminate(t) {
+	"main thread";
+	const containerEased = cubicBezier(t, .35, .25, .65, .75);
+	const headEased = cubicBezier(t, .35, 0, .65, 1);
+	const tailEased = cubicBezier(t, .35, 0, .65, .6);
+	const headLength = headEased <= .75 ? headEased / .75 * 360 : 360;
+	const tailOffset = tailEased <= 1 / 3 ? 0 : (tailEased - 1 / 3) / (2 / 3) * 360;
+	const arcLength = Math.max(0, headLength - tailOffset);
+	return {
+		containerDeg: containerEased * 360 + tailOffset,
+		arcLength
+	};
+}
+var INDETERMINATE_DURATION = 1200;
+var TRANSITION_DURATION = 300;
+/**
+* Lynx에서 SVG를 사용할 수 없어 CSS clip-path 기반 pie sector로 구현.
+*
+* **Known Issues:**
+* - clip-path가 Lynx에서 animatable이 아니라 JS RAF로 매 프레임 SVG path 생성
+* - Lynx main thread에서 모듈 레벨 Map 미지원으로 인스턴스 간 RAF 공유 불가
+* - 다수 인스턴스 동시 렌더링 시 성능 저하 가능
+*
+* Lynx SVG + stroke-dasharray 지원 시 CSS-only 애니메이션으로 전환 예정.
+*/
+var ProgressCircleRoot = forwardRef((props, ref) => {
+	const [variantProps, otherProps] = progressCircle.splitVariantProps(props);
+	const { children, className, style, minValue, maxValue, value } = otherProps;
+	const size = variantProps.size ?? "40";
+	const tone = variantProps.tone ?? "neutral";
+	const numSize = Number(size);
+	const isDeterminate = minValue !== void 0 && maxValue !== void 0 && value !== void 0;
+	const range = (maxValue ?? 1) - (minValue ?? 0);
+	const progress = isDeterminate ? range === 0 ? 0 : ((value ?? 0) - (minValue ?? 0)) / range : 0;
+	const classes = progressCircle({
+		tone,
+		size
+	});
+	const ctx = useMemo(() => ({
+		numSize,
+		isDeterminate,
+		progress,
+		classes
+	}), [
+		numSize,
+		isDeterminate,
+		progress,
+		classes
+	]);
+	return <ProgressCircleContext.Provider value={ctx}>
+      <view {...ref ? { ref } : {}} className={clsx(classes.root, className)} style={{
+		...style,
+		width: `${numSize}px`,
+		height: `${numSize}px`
+	}}>
+        {children}
+      </view>
+    </ProgressCircleContext.Provider>;
+});
+var ProgressCircleRange = () => {
+	const { numSize, isDeterminate, progress, classes } = useProgressCircleContext();
+	if (!isDeterminate) return <IndeterminateRange numSize={numSize} classes={classes} />;
+	return <DeterminateRange numSize={numSize} progress={progress} classes={classes} />;
+};
+function DeterminateRange({ numSize, progress, classes }) {
+	const rangeRef = useMainThreadRef(null);
+	const startCapRef = useMainThreadRef(null);
+	const endCapRef = useMainThreadRef(null);
+	const prevProgressRef = useMainThreadRef(progress);
+	const cancelRef = useMainThreadRef(0);
+	const { halfSize, ringCenterR, capSize } = computeRingGeometry(numSize);
+	const initialAngle = progress * 360;
+	const initialClipPath = bgPieClipPath(numSize, initialAngle);
+	const initialEndRad = initialAngle * Math.PI / 180;
+	function startAnimation(newProgress) {
+		"main thread";
+		if (cancelRef.current) {
+			cancelAnimationFrame(cancelRef.current);
+			cancelRef.current = 0;
+		}
+		const from = prevProgressRef.current ?? 0;
+		prevProgressRef.current = newProgress;
+		if (from === newProgress) return;
+		const rangeEl = rangeRef.current;
+		const endCapEl = endCapRef.current;
+		let startTs = 0;
+		function applyProgress(p) {
+			const angleDeg = p * 360;
+			const cp = pieClipPath(numSize, angleDeg);
+			if (cp) rangeEl?.setStyleProperty("clip-path", cp);
+			else rangeEl?.setStyleProperty("clip-path", "none");
+			const rad = angleDeg * Math.PI / 180;
+			endCapEl?.setStyleProperties({
+				left: `${halfSize + ringCenterR * Math.sin(rad) - capSize / 2}px`,
+				top: `${halfSize - ringCenterR * Math.cos(rad) - capSize / 2}px`
+			});
+		}
+		function step(ts) {
+			if (!startTs) startTs = Number(ts);
+			const elapsed = ts - startTs;
+			if (elapsed >= TRANSITION_DURATION) {
+				applyProgress(newProgress);
+				cancelRef.current = 0;
+				return;
+			}
+			const eased = cubicBezier(elapsed / TRANSITION_DURATION, 0, 0, .15, 1);
+			applyProgress(from + (newProgress - from) * eased);
+			cancelRef.current = requestAnimationFrame(step);
+		}
+		applyProgress(from);
+		cancelRef.current = requestAnimationFrame(step);
+	}
+	function cancelAnimation() {
+		"main thread";
+		if (cancelRef.current) {
+			cancelAnimationFrame(cancelRef.current);
+			cancelRef.current = 0;
+		}
+	}
+	useEffect(() => {
+		runOnMainThread(startAnimation)(progress);
+		return () => {
+			runOnMainThread(cancelAnimation)();
+		};
+	}, [progress, numSize]);
+	return <>
+      <view main-thread:ref={rangeRef} className={classes.range} style={{
+		position: "absolute",
+		width: `${numSize}px`,
+		height: `${numSize}px`,
+		borderRadius: "50%",
+		clipPath: initialClipPath
+	}} />
+      <view main-thread:ref={startCapRef} className={classes.cap} style={{
+		width: `${capSize}px`,
+		height: `${capSize}px`,
+		left: `${halfSize - capSize / 2}px`,
+		top: `${halfSize - ringCenterR - capSize / 2}px`
+	}} />
+      <view main-thread:ref={endCapRef} className={classes.cap} style={{
+		width: `${capSize}px`,
+		height: `${capSize}px`,
+		left: `${halfSize + ringCenterR * Math.sin(initialEndRad) - capSize / 2}px`,
+		top: `${halfSize - ringCenterR * Math.cos(initialEndRad) - capSize / 2}px`
+	}} />
+    </>;
+}
+function IndeterminateRange({ numSize, classes }) {
+	const containerRef = useMainThreadRef(null);
+	const rangeRef = useMainThreadRef(null);
+	const headCapRef = useMainThreadRef(null);
+	const tailCapRef = useMainThreadRef(null);
+	const rafIdRef = useMainThreadRef(0);
+	const { halfSize, ringCenterR, capSize } = computeRingGeometry(numSize);
+	function startLoop() {
+		"main thread";
+		const containerEl = containerRef.current;
+		const rangeEl = rangeRef.current;
+		const headCapEl = headCapRef.current;
+		let startTs = 0;
+		function tick(ts) {
+			if (!startTs) startTs = Number(ts);
+			const state = sampleIndeterminate((ts - startTs) % INDETERMINATE_DURATION / INDETERMINATE_DURATION);
+			containerEl?.setStyleProperty("transform", `rotate(${state.containerDeg}deg)`);
+			const clipPath = pieClipPath(numSize, state.arcLength);
+			if (clipPath) rangeEl?.setStyleProperty("clip-path", clipPath);
+			else rangeEl?.setStyleProperty("clip-path", "none");
+			const headRad = state.arcLength * Math.PI / 180;
+			headCapEl?.setStyleProperties({
+				left: `${halfSize + ringCenterR * Math.sin(headRad) - capSize / 2}px`,
+				top: `${halfSize - ringCenterR * Math.cos(headRad) - capSize / 2}px`
+			});
+			rafIdRef.current = requestAnimationFrame(tick);
+		}
+		rafIdRef.current = requestAnimationFrame(tick);
+	}
+	function stopLoop() {
+		"main thread";
+		if (rafIdRef.current) {
+			cancelAnimationFrame(rafIdRef.current);
+			rafIdRef.current = 0;
+		}
+	}
+	useEffect(() => {
+		runOnMainThread(startLoop)();
+		return () => {
+			runOnMainThread(stopLoop)();
+		};
+	}, [numSize]);
+	const initialClipPath = "path(\"M 0 0 Z\")";
+	return <view main-thread:ref={containerRef} style={{
+		position: "absolute",
+		width: `${numSize}px`,
+		height: `${numSize}px`,
+		transform: "rotate(0deg)"
+	}}>
+      <view main-thread:ref={rangeRef} className={classes.range} style={{
+		position: "absolute",
+		width: `${numSize}px`,
+		height: `${numSize}px`,
+		borderRadius: "50%",
+		clipPath: initialClipPath
+	}} />
+      <view main-thread:ref={tailCapRef} className={classes.cap} style={{
+		width: `${capSize}px`,
+		height: `${capSize}px`,
+		left: `${halfSize - capSize / 2}px`,
+		top: `${halfSize - ringCenterR - capSize / 2}px`
+	}} />
+      <view main-thread:ref={headCapRef} className={classes.cap} style={{
+		width: `${capSize}px`,
+		height: `${capSize}px`,
+		left: `${halfSize - capSize / 2}px`,
+		top: `${halfSize - ringCenterR - capSize / 2}px`
+	}} />
+    </view>;
+}
+ProgressCircleRoot.displayName = "ProgressCircleRoot";
+ProgressCircleRange.displayName = "ProgressCircleRange";
+//#endregion
+export { ProgressCircleRange, ProgressCircleRoot };

package/lib/components/ProgressCircle/ProgressCircle.namespace.d.ts

@@ -0,0 +1,2 @@
+export { ProgressCircleRange as Range, ProgressCircleRoot as Root, type ProgressCircleRootProps as RootProps, } from './ProgressCircle';
+//# sourceMappingURL=ProgressCircle.namespace.d.ts.map

package/lib/components/ProgressCircle/ProgressCircle.namespace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCircle.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressCircle/ProgressCircle.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,IAAI,KAAK,EAC5B,kBAAkB,IAAI,IAAI,EAC1B,KAAK,uBAAuB,IAAI,SAAS,GAC1C,MAAM,kBAAkB,CAAC"}

package/lib/components/ProgressCircle/ProgressCircle.namespace.js

@@ -0,0 +1,9 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { ProgressCircleRange, ProgressCircleRoot } from "./ProgressCircle.jsx";
+//#region src/components/ProgressCircle/ProgressCircle.namespace.ts
+var ProgressCircle_namespace_exports = /* @__PURE__ */ __exportAll({
+	Range: () => ProgressCircleRange,
+	Root: () => ProgressCircleRoot
+});
+//#endregion
+export { ProgressCircle_namespace_exports };

package/lib/components/ProgressCircle/index.d.ts

@@ -0,0 +1,3 @@
+export { ProgressCircleRange, ProgressCircleRoot, type ProgressCircleRootProps, type ProgressCircleRootProps as ProgressCircleProps, type RootProps, } from './ProgressCircle';
+export * as ProgressCircle from './ProgressCircle.namespace';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/ProgressCircle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressCircle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,KAAK,uBAAuB,EAC5B,KAAK,uBAAuB,IAAI,mBAAmB,EACnD,KAAK,SAAS,GACf,MAAM,kBAAkB,CAAC;AAE1B,OAAO,KAAK,cAAc,MAAM,4BAA4B,CAAC"}

package/lib/components/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,34 @@
+import { ReactElement } from '@lynx-js/react';
+import { RadioVariantProps } from '@seed-design/lynx-css/recipes/radio';
+import { RadiomarkVariantProps } from '@seed-design/lynx-css/recipes/radiomark';
+import { LynxIconElementProps, LynxStyledElementProps } from '../../types';
+import * as React from "@lynx-js/react";
+export interface RadioGroupRootProps extends RadioVariantProps, Omit<RadiomarkVariantProps, "size" | "checked" | "disabled">, LynxStyledElementProps {
+    value?: string;
+    defaultValue?: string;
+    disabled?: boolean;
+    onValueChange?: (value: string) => void;
+}
+export declare const RadioGroupRoot: React.ForwardRefExoticComponent<RadioGroupRootProps & React.RefAttributes<unknown>>;
+export interface RadioGroupItemProps extends LynxStyledElementProps {
+    value: string;
+    disabled?: boolean;
+}
+export declare const RadioGroupItem: React.ForwardRefExoticComponent<RadioGroupItemProps & React.RefAttributes<unknown>>;
+export interface RadioGroupItemControlProps extends Pick<RadiomarkVariantProps, "tone">, LynxStyledElementProps {
+}
+export declare const RadioGroupItemControl: React.ForwardRefExoticComponent<RadioGroupItemControlProps & React.RefAttributes<unknown>>;
+export interface RadioGroupItemIndicatorProps extends Pick<LynxStyledElementProps, "className" | "style"> {
+    /** Icon rendered when not checked. Optional — falls back to default `<view>` dot when omitted. */
+    unchecked?: ReactElement<LynxIconElementProps>;
+    /** Icon rendered when the item is checked. Optional — falls back to default `<view>` dot when omitted. */
+    checked?: ReactElement<LynxIconElementProps>;
+}
+export declare function RadioGroupItemIndicator(props: RadioGroupItemIndicatorProps): React.JSX.Element;
+export declare namespace RadioGroupItemIndicator {
+    var displayName: string;
+}
+export interface RadioGroupItemLabelProps extends LynxStyledElementProps {
+}
+export declare const RadioGroupItemLabel: React.ForwardRefExoticComponent<RadioGroupItemLabelProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=RadioGroup.d.ts.map

package/lib/components/RadioGroup/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAInE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAE7E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAKrF,OAAO,KAAK,EACV,oBAAoB,EACpB,sBAAsB,EAGvB,MAAM,aAAa,CAAC;AAsErB,MAAM,WAAW,mBACf,SAAQ,iBAAiB,EACvB,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,EAC5D,sBAAsB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,cAAc,qFAyDzB,CAAC;AAKH,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,qFA+CzB,CAAC;AAKH,MAAM,WAAW,0BACf,SAAQ,IAAI,CAAC,qBAAqB,EAAE,MAAM,CAAC,EACzC,sBAAsB;CAAG;AAE7B,eAAO,MAAM,qBAAqB,4FA6BjC,CAAC;AAKF,MAAM,WAAW,4BACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,WAAW,GAAG,OAAO,CAAC;IAC3D,kGAAkG;IAClG,SAAS,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAC;IAC/C,0GAA0G;IAC1G,OAAO,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAC;CAC9C;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,qBA6B1E;yBA7Be,uBAAuB;;;AAkCvC,MAAM,WAAW,wBAAyB,SAAQ,sBAAsB;CAAG;AAE3E,eAAO,MAAM,mBAAmB,0FAoB/B,CAAC"}