@seed-design/lynx-react 0.1.0

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"}

package/lib/components/RadioGroup/RadioGroup.jsx

@@ -0,0 +1,160 @@
+import { usePressTap } from "../../hooks/usePressTap.js";
+import { InternalIcon } from "../Icon/Icon.jsx";
+import { useControllableState } from "../../hooks/useControllableState.js";
+import { splitMultipleVariantsProps } from "../../utils/split-multiple-variants-props.js";
+import clsx from "clsx";
+import * as React from "@lynx-js/react";
+import { isValidElement } from "@lynx-js/react";
+import { radio } from "@seed-design/lynx-css/recipes/radio";
+import { radiomark } from "@seed-design/lynx-css/recipes/radiomark";
+import { radioGroup } from "@seed-design/lynx-css/recipes/radio-group";
+//#region src/components/RadioGroup/RadioGroup.tsx
+var RadioGroupContext = React.createContext(null);
+function useRadioGroupContext(consumer) {
+	const ctx = React.useContext(RadioGroupContext);
+	if (!ctx) throw new Error(`<${consumer}/> must be rendered inside <RadioGroupRoot/>.`);
+	return ctx;
+}
+var RadioGroupItemContext = React.createContext(null);
+function useRadioGroupItemContext(consumer) {
+	const ctx = React.useContext(RadioGroupItemContext);
+	if (!ctx) throw new Error(`<${consumer}/> must be rendered inside <RadioGroupItem/>.`);
+	return ctx;
+}
+var RadiomarkControlContext = React.createContext(null);
+function useRadiomarkControlContext(consumer) {
+	const ctx = React.useContext(RadiomarkControlContext);
+	if (!ctx) throw new Error(`<${consumer}/> must be rendered inside <RadioGroupItemControl/>.`);
+	return ctx;
+}
+var RadioGroupRoot = React.forwardRef((props, ref) => {
+	const { children, className, value: valueProp, defaultValue, disabled = false, onValueChange, ...restProps } = props;
+	const [{ radio: radioVariantProps, radiomark: radiomarkVariantProps }, nativeProps] = splitMultipleVariantsProps(restProps, {
+		radio,
+		radiomark
+	});
+	const handleChange = React.useCallback((next) => {
+		if (next !== null) onValueChange?.(next);
+	}, [onValueChange]);
+	const [value, setValueInternal] = useControllableState({
+		value: valueProp !== void 0 ? valueProp : void 0,
+		defaultValue: defaultValue ?? null,
+		onChange: handleChange
+	});
+	const setValue = React.useCallback((next) => {
+		setValueInternal(next);
+	}, [setValueInternal]);
+	const rootClassName = radioGroup().root;
+	const contextValue = React.useMemo(() => ({
+		value,
+		setValue,
+		disabled,
+		radioVariantProps,
+		radiomarkVariantProps
+	}), [
+		value,
+		setValue,
+		disabled,
+		radioVariantProps,
+		radiomarkVariantProps
+	]);
+	return <RadioGroupContext.Provider value={contextValue}>
+      <view {...ref ? { ref } : {}} className={clsx(rootClassName, className)} {...nativeProps}>
+        {children}
+      </view>
+    </RadioGroupContext.Provider>;
+});
+RadioGroupRoot.displayName = "RadioGroupRoot";
+var RadioGroupItem = React.forwardRef((props, ref) => {
+	const { value: itemValue, disabled: itemDisabled = false, children, className, ...nativeProps } = props;
+	const groupContext = useRadioGroupContext("RadioGroupItem");
+	const disabled = groupContext.disabled || itemDisabled;
+	const checked = groupContext.value === itemValue;
+	const select = React.useCallback(() => {
+		if (checked) return;
+		groupContext.setValue(itemValue);
+	}, [
+		checked,
+		groupContext,
+		itemValue
+	]);
+	const { pressed, ...pressHandlers } = usePressTap({
+		disabled,
+		onTap: select
+	});
+	const rootClassName = radio({
+		...groupContext.radioVariantProps,
+		disabled
+	}).root;
+	const itemContextValue = React.useMemo(() => ({
+		value: itemValue,
+		checked,
+		disabled,
+		pressed,
+		select
+	}), [
+		itemValue,
+		checked,
+		disabled,
+		pressed,
+		select
+	]);
+	return <RadioGroupItemContext.Provider value={itemContextValue}>
+      <view {...ref ? { ref } : {}} className={clsx(rootClassName, className)} {...pressHandlers} {...nativeProps}>
+        {children}
+      </view>
+    </RadioGroupItemContext.Provider>;
+});
+RadioGroupItem.displayName = "RadioGroupItem";
+var RadioGroupItemControl = React.forwardRef((props, ref) => {
+	const [variantProps, restProps] = radiomark.splitVariantProps(props);
+	const { children, className, ...nativeProps } = restProps;
+	const groupContext = useRadioGroupContext("RadioGroupItemControl");
+	const itemContext = useRadioGroupItemContext("RadioGroupItemControl");
+	const radiomarkVariantProps = {
+		...groupContext.radiomarkVariantProps,
+		...variantProps,
+		checked: itemContext.checked,
+		disabled: itemContext.disabled,
+		pressed: itemContext.pressed
+	};
+	const classes = radiomark(radiomarkVariantProps);
+	return <RadiomarkControlContext.Provider value={{
+		iconClassName: classes.icon,
+		radiomarkVariantProps
+	}}>
+        <view {...ref ? { ref } : {}} className={clsx(classes.root, className)} {...nativeProps}>
+          {children}
+        </view>
+      </RadiomarkControlContext.Provider>;
+});
+RadioGroupItemControl.displayName = "RadioGroupItemControl";
+function RadioGroupItemIndicator(props) {
+	const { unchecked, checked: checkedIcon, className, style } = props;
+	const itemContext = useRadioGroupItemContext("RadioGroupItemIndicator");
+	const { iconClassName, radiomarkVariantProps } = useRadiomarkControlContext("RadioGroupItemIndicator");
+	const icon = itemContext.checked ? checkedIcon : unchecked;
+	if (!icon || !isValidElement(icon)) return <view className={clsx(iconClassName, className)} style={style} />;
+	return <InternalIcon icon={icon} className={clsx(iconClassName, className)} style={style} deps={[
+		itemContext.checked,
+		itemContext.disabled,
+		itemContext.pressed,
+		radiomarkVariantProps.tone,
+		radiomarkVariantProps.size
+	]} />;
+}
+RadioGroupItemIndicator.displayName = "RadioGroupItemIndicator";
+var RadioGroupItemLabel = React.forwardRef((props, ref) => {
+	const { children, className, ...nativeProps } = props;
+	const itemContext = useRadioGroupItemContext("RadioGroupItemLabel");
+	const labelClassName = radio({
+		...useRadioGroupContext("RadioGroupItemLabel").radioVariantProps,
+		disabled: itemContext.disabled
+	}).label;
+	return <text {...ref ? { ref } : {}} className={clsx(labelClassName, className)} {...nativeProps}>
+        {children}
+      </text>;
+});
+RadioGroupItemLabel.displayName = "RadioGroupItemLabel";
+//#endregion
+export { RadioGroupItem, RadioGroupItemControl, RadioGroupItemIndicator, RadioGroupItemLabel, RadioGroupRoot };

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

@@ -0,0 +1,2 @@
+export { RadioGroupItem as Item, RadioGroupItemControl as ItemControl, RadioGroupItemIndicator as ItemIndicator, RadioGroupItemLabel as ItemLabel, RadioGroupRoot as Root, type RadioGroupItemControlProps as ItemControlProps, type RadioGroupItemIndicatorProps as ItemIndicatorProps, type RadioGroupItemLabelProps as ItemLabelProps, type RadioGroupItemProps as ItemProps, type RadioGroupRootProps as RootProps, } from './RadioGroup';
+//# sourceMappingURL=RadioGroup.namespace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,IAAI,IAAI,EACtB,qBAAqB,IAAI,WAAW,EACpC,uBAAuB,IAAI,aAAa,EACxC,mBAAmB,IAAI,SAAS,EAChC,cAAc,IAAI,IAAI,EACtB,KAAK,0BAA0B,IAAI,gBAAgB,EACnD,KAAK,4BAA4B,IAAI,kBAAkB,EACvD,KAAK,wBAAwB,IAAI,cAAc,EAC/C,KAAK,mBAAmB,IAAI,SAAS,EACrC,KAAK,mBAAmB,IAAI,SAAS,GACtC,MAAM,cAAc,CAAC"}

package/lib/components/RadioGroup/RadioGroup.namespace.js

@@ -0,0 +1,12 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { RadioGroupItem, RadioGroupItemControl, RadioGroupItemIndicator, RadioGroupItemLabel, RadioGroupRoot } from "./RadioGroup.jsx";
+//#region src/components/RadioGroup/RadioGroup.namespace.ts
+var RadioGroup_namespace_exports = /* @__PURE__ */ __exportAll({
+	Item: () => RadioGroupItem,
+	ItemControl: () => RadioGroupItemControl,
+	ItemIndicator: () => RadioGroupItemIndicator,
+	ItemLabel: () => RadioGroupItemLabel,
+	Root: () => RadioGroupRoot
+});
+//#endregion
+export { RadioGroup_namespace_exports };

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

@@ -0,0 +1,3 @@
+export { RadioGroupRoot, RadioGroupItem, RadioGroupItemControl, RadioGroupItemIndicator, RadioGroupItemLabel, type RadioGroupRootProps, type RadioGroupItemProps, type RadioGroupItemControlProps, type RadioGroupItemIndicatorProps, type RadioGroupItemLabelProps, } from './RadioGroup';
+export * as RadioGroup from './RadioGroup.namespace';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,cAAc,EACd,qBAAqB,EACrB,uBAAuB,EACvB,mBAAmB,EACnB,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACxB,KAAK,0BAA0B,EAC/B,KAAK,4BAA4B,EACjC,KAAK,wBAAwB,GAC9B,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,UAAU,MAAM,wBAAwB,CAAC"}

package/lib/components/Stack/Stack.d.ts

@@ -0,0 +1,33 @@
+import { LynxPressableProps, LynxStyledElementProps } from '../../types';
+import { StyleProps } from '../../utils/styled';
+import * as React from "@lynx-js/react";
+type StackStyleProps = "display" | "flexDirection" | "alignItems" | "justifyContent" | "flexWrap" | "flexGrow" | "flexShrink";
+interface StackBaseProps extends StyleProps, LynxStyledElementProps, LynxPressableProps {
+    bindtouchstart?: () => void;
+    bindtouchend?: () => void;
+    bindtouchcancel?: () => void;
+}
+/**
+ * @platform Lynx
+ *
+ * `VStack`과 `HStack`은 native `<view>`를 직접 렌더링하고 stack 방향에 필요한
+ * 최소 flex style만 적용합니다. 앱 코드에서 성능에 민감한 반복 레이아웃을 만들
+ * 때는 native `<view>`/`<text>`와 Tailwind utility className을 우선 고려하세요.
+ * 패키지 컴포넌트 내부에서는 `Box`를 합성하지 않고 native tag와 recipe className을
+ * 사용해 primitive 컴포넌트 비용이 누적되지 않도록 합니다.
+ */
+export interface StackProps extends Omit<StackBaseProps, StackStyleProps> {
+    align?: StackBaseProps["alignItems"];
+    justify?: StackBaseProps["justifyContent"];
+    wrap?: StackBaseProps["flexWrap"];
+    grow?: StackBaseProps["flexGrow"];
+    shrink?: StackBaseProps["flexShrink"];
+}
+export interface VStackProps extends StackProps {
+}
+export interface HStackProps extends StackProps {
+}
+export declare const VStack: React.ForwardRefExoticComponent<VStackProps & React.RefAttributes<unknown>>;
+export declare const HStack: React.ForwardRefExoticComponent<HStackProps & React.RefAttributes<unknown>>;
+export {};
+//# sourceMappingURL=Stack.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAExC,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAe,MAAM,aAAa,CAAC;AAC3F,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEpE,KAAK,eAAe,GAChB,SAAS,GACT,eAAe,GACf,YAAY,GACZ,gBAAgB,GAChB,UAAU,GACV,UAAU,GACV,YAAY,CAAC;AAEjB,UAAU,cAAe,SAAQ,UAAU,EAAE,sBAAsB,EAAE,kBAAkB;IACrF,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,EAAE,eAAe,CAAC;IACvE,KAAK,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;CACvC;AAED,MAAM,WAAW,WAAY,SAAQ,UAAU;CAAG;AAElD,MAAM,WAAW,WAAY,SAAQ,UAAU;CAAG;AA0ClD,eAAO,MAAM,MAAM,6EAIjB,CAAC;AAIH,eAAO,MAAM,MAAM,6EAIjB,CAAC"}

package/lib/components/Stack/Stack.jsx

@@ -0,0 +1,39 @@
+import { useStyleProps } from "../../utils/styled.js";
+import clsx from "clsx";
+import * as React from "@lynx-js/react";
+//#region src/components/Stack/Stack.tsx
+function getStackProps(props) {
+	const { align, justify, wrap, grow, shrink, ...restProps } = props;
+	return {
+		alignItems: align,
+		justifyContent: justify,
+		flexWrap: wrap,
+		flexGrow: grow,
+		flexShrink: shrink,
+		...restProps
+	};
+}
+function useStackStyleProps(props, flexDirection) {
+	return useStyleProps({
+		display: "flex",
+		flexDirection,
+		...getStackProps(props)
+	});
+}
+function renderStackView(stackStyleProps, ref) {
+	const { style, restProps } = stackStyleProps;
+	const { children, className, ...nativeProps } = restProps;
+	return <view {...ref ? { ref } : {}} {...nativeProps} className={clsx(className)} style={style}>
+      {children}
+    </view>;
+}
+var VStack = React.forwardRef((props, ref) => {
+	return renderStackView(useStackStyleProps(props, "column"), ref);
+});
+VStack.displayName = "VStack";
+var HStack = React.forwardRef((props, ref) => {
+	return renderStackView(useStackStyleProps(props, "row"), ref);
+});
+HStack.displayName = "HStack";
+//#endregion
+export { HStack, VStack };

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

@@ -0,0 +1,2 @@
+export { HStack, type HStackProps, type StackProps, VStack, type VStackProps } from './Stack';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/lib/components/Switch/Switch.d.ts

@@ -0,0 +1,21 @@
+import { SwitchVariantProps } from '@seed-design/lynx-css/recipes/switch';
+import { SwitchmarkVariantProps } from '@seed-design/lynx-css/recipes/switchmark';
+import { LynxStyledElementProps } from '../../types';
+import * as React from "@lynx-js/react";
+export interface SwitchRootProps extends SwitchVariantProps, Omit<SwitchmarkVariantProps, "size">, LynxStyledElementProps {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+}
+export declare const SwitchRoot: React.ForwardRefExoticComponent<SwitchRootProps & React.RefAttributes<unknown>>;
+export interface SwitchControlProps extends Pick<SwitchmarkVariantProps, "tone" | "size">, LynxStyledElementProps {
+}
+export declare const SwitchControl: React.ForwardRefExoticComponent<SwitchControlProps & React.RefAttributes<unknown>>;
+export interface SwitchThumbProps extends Pick<LynxStyledElementProps, "className" | "style"> {
+}
+export declare const SwitchThumb: React.ForwardRefExoticComponent<SwitchThumbProps & React.RefAttributes<unknown>>;
+export interface SwitchLabelProps extends LynxStyledElementProps {
+}
+export declare const SwitchLabel: React.ForwardRefExoticComponent<SwitchLabelProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=Switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAIxC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0CAA0C,CAAC;AAKvF,OAAO,KAAK,EAAE,sBAAsB,EAA4B,MAAM,aAAa,CAAC;AAkDpF,MAAM,WAAW,eACf,SAAQ,kBAAkB,EACxB,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,EACpC,sBAAsB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,UAAU,iFAmDrB,CAAC;AAKH,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,MAAM,GAAG,MAAM,CAAC,EACnD,sBAAsB;CAAG;AAE7B,eAAO,MAAM,aAAa,oFAyBxB,CAAC;AAKH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,WAAW,GAAG,OAAO,CAAC;CAAG;AAEhG,eAAO,MAAM,WAAW,kFAWtB,CAAC;AAKH,MAAM,WAAW,gBAAiB,SAAQ,sBAAsB;CAAG;AAEnE,eAAO,MAAM,WAAW,kFAiBtB,CAAC"}

package/lib/components/Switch/Switch.jsx

@@ -0,0 +1,101 @@
+import { usePressTap } from "../../hooks/usePressTap.js";
+import { useControllableState } from "../../hooks/useControllableState.js";
+import { splitMultipleVariantsProps } from "../../utils/split-multiple-variants-props.js";
+import clsx from "clsx";
+import * as React from "@lynx-js/react";
+import { switchStyle } from "@seed-design/lynx-css/recipes/switch";
+import { switchmark } from "@seed-design/lynx-css/recipes/switchmark";
+//#region src/components/Switch/Switch.tsx
+var SwitchContext = React.createContext(null);
+function useSwitchContext(consumer) {
+	const ctx = React.useContext(SwitchContext);
+	if (!ctx) throw new Error(`<${consumer}/> must be rendered inside <SwitchRoot/>.`);
+	return ctx;
+}
+var SwitchmarkControlContext = React.createContext(null);
+function useSwitchmarkControlContext(consumer) {
+	const ctx = React.useContext(SwitchmarkControlContext);
+	if (!ctx) throw new Error(`<${consumer}/> must be rendered inside <SwitchControl/>.`);
+	return ctx;
+}
+var SwitchRoot = React.forwardRef((props, ref) => {
+	const { children, className, checked: checkedProp, defaultChecked = false, disabled = false, onCheckedChange, ...restProps } = props;
+	const [{ switch: switchVariantProps, switchmark: switchmarkVariantProps }, nativeProps] = splitMultipleVariantsProps(restProps, {
+		switch: switchStyle,
+		switchmark
+	});
+	const [checked, setChecked] = useControllableState({
+		value: checkedProp,
+		defaultValue: defaultChecked,
+		onChange: onCheckedChange
+	});
+	const toggle = React.useCallback(() => setChecked(!checked), [checked, setChecked]);
+	const { pressed: _pressed, ...pressHandlers } = usePressTap({
+		disabled,
+		onTap: toggle
+	});
+	const rootClassName = switchStyle({
+		...switchVariantProps,
+		disabled
+	}).root;
+	const contextValue = React.useMemo(() => ({
+		checked,
+		disabled,
+		switchVariantProps,
+		switchmarkVariantProps,
+		toggle
+	}), [
+		checked,
+		disabled,
+		switchVariantProps,
+		switchmarkVariantProps,
+		toggle
+	]);
+	return <SwitchContext.Provider value={contextValue}>
+      <view {...ref ? { ref } : {}} className={clsx(rootClassName, className)} {...pressHandlers} {...nativeProps}>
+        {children}
+      </view>
+    </SwitchContext.Provider>;
+});
+SwitchRoot.displayName = "SwitchRoot";
+var SwitchControl = React.forwardRef((props, ref) => {
+	const [variantProps, restProps] = switchmark.splitVariantProps(props);
+	const { children, className, ...nativeProps } = restProps;
+	const context = useSwitchContext("SwitchControl");
+	const switchmarkVariantProps = {
+		...context.switchmarkVariantProps,
+		...variantProps,
+		checked: context.checked,
+		disabled: context.disabled
+	};
+	const classes = switchmark(switchmarkVariantProps);
+	return <SwitchmarkControlContext.Provider value={{
+		thumbClassName: classes.thumb,
+		switchmarkVariantProps
+	}}>
+      <view {...ref ? { ref } : {}} className={clsx(classes.root, className)} {...nativeProps}>
+        {children}
+      </view>
+    </SwitchmarkControlContext.Provider>;
+});
+SwitchControl.displayName = "SwitchControl";
+var SwitchThumb = React.forwardRef((props, ref) => {
+	const { className, ...nativeProps } = props;
+	const { thumbClassName } = useSwitchmarkControlContext("SwitchThumb");
+	return <view {...ref ? { ref } : {}} className={clsx(thumbClassName, className)} {...nativeProps} />;
+});
+SwitchThumb.displayName = "SwitchThumb";
+var SwitchLabel = React.forwardRef((props, ref) => {
+	const { children, className, ...nativeProps } = props;
+	const context = useSwitchContext("SwitchLabel");
+	const labelClassName = switchStyle({
+		...context.switchVariantProps,
+		disabled: context.disabled
+	}).label;
+	return <text {...ref ? { ref } : {}} className={clsx(labelClassName, className)} {...nativeProps}>
+      {children}
+    </text>;
+});
+SwitchLabel.displayName = "SwitchLabel";
+//#endregion
+export { SwitchControl, SwitchLabel, SwitchRoot, SwitchThumb };

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

@@ -0,0 +1,2 @@
+export { SwitchControl as Control, SwitchLabel as Label, SwitchRoot as Root, SwitchThumb as Thumb, type SwitchControlProps as ControlProps, type SwitchLabelProps as LabelProps, type SwitchRootProps as RootProps, type SwitchThumbProps as ThumbProps, } from './Switch';
+//# sourceMappingURL=Switch.namespace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,IAAI,OAAO,EACxB,WAAW,IAAI,KAAK,EACpB,UAAU,IAAI,IAAI,EAClB,WAAW,IAAI,KAAK,EACpB,KAAK,kBAAkB,IAAI,YAAY,EACvC,KAAK,gBAAgB,IAAI,UAAU,EACnC,KAAK,eAAe,IAAI,SAAS,EACjC,KAAK,gBAAgB,IAAI,UAAU,GACpC,MAAM,UAAU,CAAC"}

package/lib/components/Switch/Switch.namespace.js

@@ -0,0 +1,11 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { SwitchControl, SwitchLabel, SwitchRoot, SwitchThumb } from "./Switch.jsx";
+//#region src/components/Switch/Switch.namespace.ts
+var Switch_namespace_exports = /* @__PURE__ */ __exportAll({
+	Control: () => SwitchControl,
+	Label: () => SwitchLabel,
+	Root: () => SwitchRoot,
+	Thumb: () => SwitchThumb
+});
+//#endregion
+export { Switch_namespace_exports };

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

@@ -0,0 +1,3 @@
+export { SwitchRoot, SwitchControl, SwitchThumb, SwitchLabel, type SwitchRootProps, type SwitchControlProps, type SwitchThumbProps, type SwitchLabelProps, } from './Switch';
+export * as Switch from './Switch.namespace';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,aAAa,EACb,WAAW,EACX,WAAW,EACX,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,GACtB,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAC"}

package/lib/components/TagGroup/TagGroup.d.ts

@@ -0,0 +1,34 @@
+import { TagGroupVariantProps } from '@seed-design/lynx-css/recipes/tag-group';
+import { TagGroupItemVariantProps } from '@seed-design/lynx-css/recipes/tag-group-item';
+import { LynxStyledElementProps } from '../../types';
+import { StyleProps } from '../../utils/styled';
+import * as React from "@lynx-js/react";
+/**
+ * @platform Lynx
+ *
+ * 웹 대비 미지원 기능:
+ * - `truncate` prop: Lynx flex 모델에서는 item 단위 wrap만 가능해 웹 수준의
+ *   "한 줄 유지 + label ellipsis" 조합을 재현할 수 없음
+ * - `asChild` prop: Lynx Slot 미지원
+ * - 아이콘 slot: Lynx 3.7 SVG 지원 후 검토 (Tier B)
+ */
+export interface TagGroupRootProps extends TagGroupVariantProps, TagGroupItemVariantProps, LynxStyledElementProps {
+    /**
+     * children 사이에 삽입되는 구분자. 기본값 `" · "`.
+     */
+    separator?: React.ReactNode;
+}
+export declare const TagGroupRoot: React.ForwardRefExoticComponent<TagGroupRootProps & React.RefAttributes<unknown>>;
+/**
+ * @platform Lynx
+ *
+ * 웹 대비 미지원 기능:
+ * - `asChild` prop: Lynx Slot 미지원
+ */
+export interface TagGroupItemProps extends TagGroupItemVariantProps, Pick<StyleProps, "flexShrink">, LynxStyledElementProps {
+}
+export declare const TagGroupItem: React.ForwardRefExoticComponent<TagGroupItemProps & React.RefAttributes<unknown>>;
+export interface TagGroupItemLabelProps extends LynxStyledElementProps {
+}
+export declare const TagGroupItemLabel: React.ForwardRefExoticComponent<TagGroupItemLabelProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=TagGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagGroup.d.ts","sourceRoot":"","sources":["../../../src/components/TagGroup/TagGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAExC,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAC9F,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,8CAA8C,CAAC;AAEtD,OAAO,KAAK,EAAE,sBAAsB,EAA4B,MAAM,aAAa,CAAC;AAIpF,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAOpE;;;;;;;;GAQG;AACH,MAAM,WAAW,iBACf,SAAQ,oBAAoB,EAC1B,wBAAwB,EACxB,sBAAsB;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,mFAiCvB,CAAC;AAKH;;;;;GAKG;AACH,MAAM,WAAW,iBACf,SAAQ,wBAAwB,EAC9B,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,EAC9B,sBAAsB;CAAG;AAE7B,eAAO,MAAM,YAAY,mFAmBvB,CAAC;AAKH,MAAM,WAAW,sBAAuB,SAAQ,sBAAsB;CAAG;AAEzE,eAAO,MAAM,iBAAiB,wFAY5B,CAAC"}

package/lib/components/TagGroup/TagGroup.jsx

@@ -0,0 +1,57 @@
+import { createSlotRecipeContext } from "../../utils/create-slot-recipe-context.jsx";
+import { toArray } from "../../utils/children.js";
+import { useStyleProps } from "../../utils/styled.js";
+import { splitMultipleVariantsProps } from "../../utils/split-multiple-variants-props.js";
+import clsx from "clsx";
+import * as React from "@lynx-js/react";
+import { tagGroup } from "@seed-design/lynx-css/recipes/tag-group";
+import { tagGroupItem } from "@seed-design/lynx-css/recipes/tag-group-item";
+//#region src/components/TagGroup/TagGroup.tsx
+var { PropsProvider, useProps, ClassNamesProvider, useClassNames } = createSlotRecipeContext(tagGroupItem);
+var TagGroupRoot = React.forwardRef((props, ref) => {
+	const [{ tagGroup: tagGroupVariantProps, tagGroupItem: tagGroupItemVariantProps }, otherProps] = splitMultipleVariantsProps(props, {
+		tagGroup,
+		tagGroupItem
+	});
+	const { children, className, separator = " · ", ...nativeProps } = otherProps;
+	const classes = tagGroup(tagGroupVariantProps);
+	const visibleChildren = toArray(children);
+	return <PropsProvider value={tagGroupItemVariantProps}>
+      <view {...ref ? { ref } : {}} className={clsx(classes.root, className)} {...nativeProps}>
+        {visibleChildren.map((child, index) => {
+		if (index === 0) return child;
+		return <view key={child.key ?? index} className={classes.separatorWrapper}>
+              <text className={classes.separator}>{separator}</text>
+              {child}
+            </view>;
+	})}
+      </view>
+    </PropsProvider>;
+});
+TagGroupRoot.displayName = "TagGroupRoot";
+var TagGroupItem = React.forwardRef((props, ref) => {
+	const parentVariantProps = useProps();
+	const [localVariantProps, otherProps] = tagGroupItem.splitVariantProps(props);
+	const classes = tagGroupItem({
+		...parentVariantProps,
+		...localVariantProps
+	});
+	const { style, restProps } = useStyleProps(otherProps);
+	const { children, className, ...nativeProps } = restProps;
+	return <ClassNamesProvider value={classes}>
+      <view {...ref ? { ref } : {}} className={clsx(classes.root, className)} style={style} {...nativeProps}>
+        {children}
+      </view>
+    </ClassNamesProvider>;
+});
+TagGroupItem.displayName = "TagGroupItem";
+var TagGroupItemLabel = React.forwardRef((props, ref) => {
+	const classes = useClassNames();
+	const { children, className, ...nativeProps } = props;
+	return <text {...ref ? { ref } : {}} className={clsx(classes.label, className)} {...nativeProps}>
+      {children}
+    </text>;
+});
+TagGroupItemLabel.displayName = "TagGroupItemLabel";
+//#endregion
+export { TagGroupItem, TagGroupItemLabel, TagGroupRoot };

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

@@ -0,0 +1,2 @@
+export { TagGroupItem as Item, TagGroupItemLabel as ItemLabel, TagGroupRoot as Root, type TagGroupItemLabelProps as ItemLabelProps, type TagGroupItemProps as ItemProps, type TagGroupRootProps as RootProps, } from './TagGroup';
+//# sourceMappingURL=TagGroup.namespace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagGroup.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/TagGroup/TagGroup.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,IAAI,IAAI,EACpB,iBAAiB,IAAI,SAAS,EAC9B,YAAY,IAAI,IAAI,EACpB,KAAK,sBAAsB,IAAI,cAAc,EAC7C,KAAK,iBAAiB,IAAI,SAAS,EACnC,KAAK,iBAAiB,IAAI,SAAS,GACpC,MAAM,YAAY,CAAC"}

package/lib/components/TagGroup/TagGroup.namespace.js

@@ -0,0 +1,10 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { TagGroupItem, TagGroupItemLabel, TagGroupRoot } from "./TagGroup.jsx";
+//#region src/components/TagGroup/TagGroup.namespace.ts
+var TagGroup_namespace_exports = /* @__PURE__ */ __exportAll({
+	Item: () => TagGroupItem,
+	ItemLabel: () => TagGroupItemLabel,
+	Root: () => TagGroupRoot
+});
+//#endregion
+export { TagGroup_namespace_exports };

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

@@ -0,0 +1,3 @@
+export { TagGroupRoot, TagGroupItem, TagGroupItemLabel, type TagGroupRootProps, type TagGroupItemProps, type TagGroupItemLabelProps, } from './TagGroup';
+export * as TagGroup from './TagGroup.namespace';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,sBAAsB,GAC5B,MAAM,YAAY,CAAC;AAEpB,OAAO,KAAK,QAAQ,MAAM,sBAAsB,CAAC"}

package/lib/components/Text/Text.d.ts

@@ -0,0 +1,7 @@
+import { TextStyleProps } from '../../utils/styled';
+import { LynxStyledElementProps } from '../../types';
+import * as React from "@lynx-js/react";
+export interface TextProps extends TextStyleProps, LynxStyledElementProps {
+}
+export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=Text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAExC,OAAO,EAML,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,sBAAsB,EAAe,MAAM,aAAa,CAAC;AAYvE,MAAM,WAAW,SAAU,SAAQ,cAAc,EAAE,sBAAsB;CAAG;AAE5E,eAAO,MAAM,IAAI,2EAkCf,CAAC"}