@seed-design/lynx-react 0.6.3 → 0.7.0

package/lib/components/InputButton/InputButton.jsx

@@ -0,0 +1,118 @@
+import { usePressTap } from "../../hooks/usePressTap.js";
+import { InternalIcon } from "../Icon/Icon.jsx";
+import * as React from "@lynx-js/react";
+import clsx from "clsx";
+import { inputButton } from "@seed-design/lynx-css/recipes/input-button";
+//#region src/components/InputButton/InputButton.tsx
+var InputButtonContext = React.createContext(null);
+function useInputButtonContext(consumer) {
+	const context = React.useContext(InputButtonContext);
+	if (!context) throw new Error(`<${consumer}/> must be rendered inside <InputButton.Root/>.`);
+	return context;
+}
+var InputButtonRoot = React.forwardRef((props, forwardedRef) => {
+	const [variantProps, otherProps] = inputButton.splitVariantProps(props);
+	const { children, className, ...nativeProps } = otherProps;
+	const disabled = variantProps.disabled ?? false;
+	const readOnly = variantProps.readOnly ?? false;
+	const classes = inputButton(variantProps);
+	const contextValue = React.useMemo(() => ({
+		variantProps,
+		disabled,
+		readOnly
+	}), [
+		variantProps,
+		disabled,
+		readOnly
+	]);
+	return <InputButtonContext.Provider value={contextValue}>
+        <view {...forwardedRef ? { ref: forwardedRef } : {}} className={clsx(classes.root, className)} {...nativeProps}>
+          {children}
+        </view>
+      </InputButtonContext.Provider>;
+});
+InputButtonRoot.displayName = "InputButtonRoot";
+var InputButtonButton = React.forwardRef((props, ref) => {
+	const context = useInputButtonContext("InputButton.Button");
+	const { children, className, bindtap, "main-thread:bindtap": mainThreadBindtap, "accessibility-element": accessibilityElement = true, "accessibility-traits": accessibilityTraits, ...nativeProps } = props;
+	const nonInteractive = context.disabled || context.readOnly;
+	const { pressed, ...pressHandlers } = usePressTap({
+		disabled: nonInteractive,
+		onTap: bindtap,
+		mainThreadOnTap: mainThreadBindtap
+	});
+	const classes = inputButton({
+		...context.variantProps,
+		pressed
+	});
+	return <view {...ref ? { ref } : {}} className={clsx(classes.button, className)} accessibility-element={accessibilityElement} accessibility-traits={accessibilityTraits ?? (nonInteractive ? "disabled" : "button")} {...pressHandlers} {...nativeProps}>
+      <view className={classes.baseStroke} accessibility-elements-hidden={true} />
+      <view className={classes.stroke} accessibility-elements-hidden={true} />
+      {children}
+    </view>;
+});
+InputButtonButton.displayName = "InputButtonButton";
+var InputButtonValue = React.forwardRef((props, ref) => {
+	const classes = inputButton(useInputButtonContext("InputButton.Value").variantProps);
+	const { children, className, ...nativeProps } = props;
+	return <text {...ref ? { ref } : {}} className={clsx(classes.value, className)} accessibility-elements-hidden={true} {...nativeProps}>
+      {children}
+    </text>;
+});
+InputButtonValue.displayName = "InputButtonValue";
+var InputButtonPlaceholder = React.forwardRef((props, ref) => {
+	const classes = inputButton(useInputButtonContext("InputButton.Placeholder").variantProps);
+	const { children, className, ...nativeProps } = props;
+	return <text {...ref ? { ref } : {}} className={clsx(classes.placeholder, className)} accessibility-elements-hidden={true} {...nativeProps}>
+        {children}
+      </text>;
+});
+InputButtonPlaceholder.displayName = "InputButtonPlaceholder";
+var InputButtonPrefixText = React.forwardRef((props, ref) => {
+	const classes = inputButton(useInputButtonContext("InputButton.PrefixText").variantProps);
+	const { children, className, ...nativeProps } = props;
+	return <text {...ref ? { ref } : {}} className={clsx(classes.prefixText, className)} accessibility-elements-hidden={true} {...nativeProps}>
+        {children}
+      </text>;
+});
+InputButtonPrefixText.displayName = "InputButtonPrefixText";
+var InputButtonPrefixIcon = React.forwardRef((props, ref) => {
+	const classes = inputButton(useInputButtonContext("InputButton.PrefixIcon").variantProps);
+	const { className, ...otherProps } = props;
+	return <InternalIcon ref={ref} className={clsx(classes.prefixIcon, className)} accessibility-elements-hidden={true} {...otherProps} />;
+});
+InputButtonPrefixIcon.displayName = "InputButtonPrefixIcon";
+var InputButtonSuffixText = React.forwardRef((props, ref) => {
+	const classes = inputButton(useInputButtonContext("InputButton.SuffixText").variantProps);
+	const { children, className, ...nativeProps } = props;
+	return <text {...ref ? { ref } : {}} className={clsx(classes.suffixText, className)} accessibility-elements-hidden={true} {...nativeProps}>
+        {children}
+      </text>;
+});
+InputButtonSuffixText.displayName = "InputButtonSuffixText";
+var InputButtonSuffixIcon = React.forwardRef((props, ref) => {
+	const classes = inputButton(useInputButtonContext("InputButton.SuffixIcon").variantProps);
+	const { className, ...otherProps } = props;
+	return <InternalIcon ref={ref} className={clsx(classes.suffixIcon, className)} accessibility-elements-hidden={true} {...otherProps} />;
+});
+InputButtonSuffixIcon.displayName = "InputButtonSuffixIcon";
+var InputButtonClearButton = React.forwardRef((props, ref) => {
+	const context = useInputButtonContext("InputButton.ClearButton");
+	const { className, bindtap, "main-thread:bindtap": mainThreadBindtap, "accessibility-element": accessibilityElement = true, "accessibility-label": accessibilityLabel, ...otherProps } = props;
+	const nonInteractive = context.disabled || context.readOnly;
+	const { pressed, ...pressHandlers } = usePressTap({
+		disabled: nonInteractive,
+		onTap: bindtap,
+		mainThreadOnTap: mainThreadBindtap
+	});
+	const classes = inputButton({
+		...context.variantProps,
+		pressed
+	});
+	if (nonInteractive) return null;
+	if (process.env.NODE_ENV !== "production" && !accessibilityLabel) console.warn("InputButton.ClearButton requires `accessibility-label` for accessibility.");
+	return <InternalIcon ref={ref} className={clsx(classes.clearButton, className)} accessibility-element={accessibilityElement} accessibility-label={accessibilityLabel} accessibility-traits="button" {...pressHandlers} {...otherProps} />;
+});
+InputButtonClearButton.displayName = "InputButtonClearButton";
+//#endregion
+export { InputButtonButton, InputButtonClearButton, InputButtonPlaceholder, InputButtonPrefixIcon, InputButtonPrefixText, InputButtonRoot, InputButtonSuffixIcon, InputButtonSuffixText, InputButtonValue };

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

@@ -0,0 +1,2 @@
+export { InputButtonButton as Button, InputButtonClearButton as ClearButton, InputButtonPlaceholder as Placeholder, InputButtonPrefixIcon as PrefixIcon, InputButtonPrefixText as PrefixText, InputButtonRoot as Root, InputButtonSuffixIcon as SuffixIcon, InputButtonSuffixText as SuffixText, InputButtonValue as Value, type InputButtonButtonProps as ButtonProps, type InputButtonClearButtonProps as ClearButtonProps, type InputButtonPlaceholderProps as PlaceholderProps, type InputButtonPrefixIconProps as PrefixIconProps, type InputButtonPrefixTextProps as PrefixTextProps, type InputButtonRootProps as RootProps, type InputButtonSuffixIconProps as SuffixIconProps, type InputButtonSuffixTextProps as SuffixTextProps, type InputButtonValueProps as ValueProps, } from './InputButton';
+//# sourceMappingURL=InputButton.namespace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputButton.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/InputButton/InputButton.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,IAAI,MAAM,EAC3B,sBAAsB,IAAI,WAAW,EACrC,sBAAsB,IAAI,WAAW,EACrC,qBAAqB,IAAI,UAAU,EACnC,qBAAqB,IAAI,UAAU,EACnC,eAAe,IAAI,IAAI,EACvB,qBAAqB,IAAI,UAAU,EACnC,qBAAqB,IAAI,UAAU,EACnC,gBAAgB,IAAI,KAAK,EACzB,KAAK,sBAAsB,IAAI,WAAW,EAC1C,KAAK,2BAA2B,IAAI,gBAAgB,EACpD,KAAK,2BAA2B,IAAI,gBAAgB,EACpD,KAAK,0BAA0B,IAAI,eAAe,EAClD,KAAK,0BAA0B,IAAI,eAAe,EAClD,KAAK,oBAAoB,IAAI,SAAS,EACtC,KAAK,0BAA0B,IAAI,eAAe,EAClD,KAAK,0BAA0B,IAAI,eAAe,EAClD,KAAK,qBAAqB,IAAI,UAAU,GACzC,MAAM,eAAe,CAAC"}

package/lib/components/InputButton/InputButton.namespace.js

@@ -0,0 +1,16 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { InputButtonButton, InputButtonClearButton, InputButtonPlaceholder, InputButtonPrefixIcon, InputButtonPrefixText, InputButtonRoot, InputButtonSuffixIcon, InputButtonSuffixText, InputButtonValue } from "./InputButton.jsx";
+//#region src/components/InputButton/InputButton.namespace.ts
+var InputButton_namespace_exports = /* @__PURE__ */ __exportAll({
+	Button: () => InputButtonButton,
+	ClearButton: () => InputButtonClearButton,
+	Placeholder: () => InputButtonPlaceholder,
+	PrefixIcon: () => InputButtonPrefixIcon,
+	PrefixText: () => InputButtonPrefixText,
+	Root: () => InputButtonRoot,
+	SuffixIcon: () => InputButtonSuffixIcon,
+	SuffixText: () => InputButtonSuffixText,
+	Value: () => InputButtonValue
+});
+//#endregion
+export { InputButton_namespace_exports };

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

@@ -0,0 +1,3 @@
+export * from './InputButton';
+export * as InputButton from './InputButton.namespace';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,KAAK,WAAW,MAAM,yBAAyB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"KeyboardAvoidingScrollView.d.ts","sourceRoot":"","sources":["../../../src/components/KeyboardAvoidingScrollView/KeyboardAvoidingScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,yBAAyB,EAC9B,KAAK,eAAe,EACpB,KAAK,aAAa,EACnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAElE,OAAO,KAAK,EACV,sBAAsB,EACtB,sBAAsB,EACtB,cAAc,EAGf,MAAM,aAAa,CAAC;AAMrB,KAAK,qBAAqB,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAC;AAO9D,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,yBAAyB,CAC5D,eAAe,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CACtC,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG,QAAQ,GAAG,SAAS,CAAC;AAoClE;;;;;;;;;;GAUG;AACH,MAAM,WAAW,+BACf,SAAQ,sBAAsB,EAC5B,sBAAsB,EACtB,cAAc;IAChB,EAAE,CAAC,EAAE,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,qBAAqB,CAAC,WAAW,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAC;IAC3C,eAAe,CAAC,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAC;IACzD,mBAAmB,CAAC,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAC;IACjE,iBAAiB,CAAC,EAAE,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;IAC7D,iBAAiB,CAAC,EAAE,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;IAC7D,uBAAuB,CAAC,EAAE,qBAAqB,CAAC,uBAAuB,CAAC,CAAC;IACzE,yBAAyB,CAAC,EAAE,qBAAqB,CAAC,yBAAyB,CAAC,CAAC;IAC7E,gBAAgB,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC;IAC7D,iBAAiB,CAAC,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAC;IAC/D,iBAAiB,CAAC,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAC;IAC/D,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAC;IACjD,aAAa,CAAC,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAC;IACvD,sBAAsB,CAAC,EAAE,qBAAqB,CAAC,wBAAwB,CAAC,CAAC;IACzE,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sDAAsD;IACtD,cAAc,CAAC,EAAE,8BAA8B,CAAC;CACjD;AAED,eAAO,MAAM,0BAA0B,EAAE,uBAAuB,CAC9D,QAAQ,EACR,+BAA+B,CA2L/B,CAAC"}
+{"version":3,"file":"KeyboardAvoidingScrollView.d.ts","sourceRoot":"","sources":["../../../src/components/KeyboardAvoidingScrollView/KeyboardAvoidingScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,yBAAyB,EAC9B,KAAK,eAAe,EACpB,KAAK,aAAa,EACnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAElE,OAAO,KAAK,EACV,sBAAsB,EACtB,sBAAsB,EACtB,cAAc,EAGf,MAAM,aAAa,CAAC;AAOrB,KAAK,qBAAqB,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAC;AAO9D,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,yBAAyB,CAC5D,eAAe,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CACtC,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG,QAAQ,GAAG,SAAS,CAAC;AAoClE;;;;;;;;;;GAUG;AACH,MAAM,WAAW,+BACf,SAAQ,sBAAsB,EAC5B,sBAAsB,EACtB,cAAc;IAChB,EAAE,CAAC,EAAE,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,qBAAqB,CAAC,WAAW,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAC;IAC3C,eAAe,CAAC,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAC;IACzD,mBAAmB,CAAC,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAC;IACjE,iBAAiB,CAAC,EAAE,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;IAC7D,iBAAiB,CAAC,EAAE,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;IAC7D,uBAAuB,CAAC,EAAE,qBAAqB,CAAC,uBAAuB,CAAC,CAAC;IACzE,yBAAyB,CAAC,EAAE,qBAAqB,CAAC,yBAAyB,CAAC,CAAC;IAC7E,gBAAgB,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC;IAC7D,iBAAiB,CAAC,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAC;IAC/D,iBAAiB,CAAC,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAC;IAC/D,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAC;IACjD,aAAa,CAAC,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAC;IACvD,sBAAsB,CAAC,EAAE,qBAAqB,CAAC,wBAAwB,CAAC,CAAC;IACzE,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sDAAsD;IACtD,cAAc,CAAC,EAAE,8BAA8B,CAAC;CACjD;AAED,eAAO,MAAM,0BAA0B,EAAE,uBAAuB,CAC9D,QAAQ,EACR,+BAA+B,CAqL/B,CAAC"}

package/lib/components/KeyboardAvoidingScrollView/KeyboardAvoidingScrollView.jsx

@@ -1,3 +1,4 @@
+import { mergeProps } from "../../utils/merge-props.js";
 import { KeyboardAvoidanceActionsContext } from "./context.js";
 import { createKeyboardAvoidingEngine } from "./engine.js";
 import { lynxKeyboardEventSource } from "./keyboard-event-source.js";
@@ -52,12 +53,7 @@ var KeyboardAvoidingScrollView = forwardRef((props, forwardedRef) => {
 		getToolbarHeight: () => 0,
 		getSmooth: () => scrollBehaviorRef.current === "smooth"
 	}), []);
-	const mergedRef = useCallback((node) => {
-		"background only";
-		scrollRef.current = node;
-		if (typeof forwardedRef === "function") forwardedRef(node);
-		else if (forwardedRef) forwardedRef.current = node;
-	}, [forwardedRef]);
+	const mergedRef = useMemo(() => mergeProps({ ref: scrollRef }, { ref: forwardedRef }).ref, [forwardedRef]);
 	const actions = useMemo(() => ({
 		focus(registration) {
 			"background only";
@@ -129,9 +125,17 @@ var KeyboardAvoidingScrollView = forwardRef((props, forwardedRef) => {
 		userBindScrollEnd?.(...args);
 	}, [engine, userBindScrollEnd]);
 	return <KeyboardAvoidanceActionsContext.Provider value={actions}>
-      <scroll-view {...nativeProps} ref={mergedRef} scroll-orientation="vertical" flatten={false} bindlayoutchange={handleLayoutChange} bindtouchstart={handleTouchStart} bindtouchend={handleTouchEnd} bindtouchcancel={handleTouchCancel} bindscroll={handleScroll} bindscrollend={handleScrollEnd}>
+      <scroll-view {...mergeProps({
+		ref: mergedRef,
+		bindlayoutchange: handleLayoutChange,
+		bindtouchstart: handleTouchStart,
+		bindtouchend: handleTouchEnd,
+		bindtouchcancel: handleTouchCancel,
+		bindscroll: handleScroll,
+		bindscrollend: handleScrollEnd
+	}, nativeProps)} scroll-orientation="vertical" flatten={false}>
         {children}
-        <view {...{ ref: spacerRef }} {...spacerProps} />
+        <view {...mergeProps({ ref: spacerRef }, spacerProps)} />
       </scroll-view>
     </KeyboardAvoidanceActionsContext.Provider>;
 });

package/lib/components/List/List.d.ts

@@ -0,0 +1,51 @@
+import { ListHeaderVariantProps } from '@seed-design/lynx-css/recipes/list-header';
+import { ListItemVariantProps } from '@seed-design/lynx-css/recipes/list-item';
+import { LynxAccessibilityProps, LynxPressableProps, LynxStyledElementProps } from '../../types';
+import { CheckboxRootProps } from '../Checkbox/Checkbox';
+import { RadioGroupItemProps } from '../RadioGroup/RadioGroup';
+import { SwitchRootProps } from '../Switch/Switch';
+import * as React from "@lynx-js/react";
+type PublicListItemVariantProps = Omit<ListItemVariantProps, "pressed" | "disabled">;
+export interface ListRootProps extends LynxStyledElementProps, LynxAccessibilityProps {
+}
+export declare const ListRoot: React.ForwardRefExoticComponent<ListRootProps & React.RefAttributes<unknown>>;
+export interface ListItemProps extends PublicListItemVariantProps, LynxStyledElementProps, LynxAccessibilityProps {
+    disabled?: boolean;
+}
+export declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<unknown>>;
+export interface ListButtonItemProps extends PublicListItemVariantProps, LynxStyledElementProps, LynxAccessibilityProps, LynxPressableProps {
+    disabled?: boolean;
+}
+export declare const ListButtonItem: React.ForwardRefExoticComponent<ListButtonItemProps & React.RefAttributes<unknown>>;
+export interface ListCheckboxItemProps extends PublicListItemVariantProps, Omit<CheckboxRootProps, "children" | "className" | "style" | "disabled">, LynxStyledElementProps, LynxAccessibilityProps {
+    disabled?: boolean;
+}
+export declare const ListCheckboxItem: React.ForwardRefExoticComponent<ListCheckboxItemProps & React.RefAttributes<unknown>>;
+export interface ListRadioItemProps extends PublicListItemVariantProps, Omit<RadioGroupItemProps, "children" | "className" | "style" | "disabled">, LynxStyledElementProps, LynxAccessibilityProps {
+    disabled?: boolean;
+}
+export declare const ListRadioItem: React.ForwardRefExoticComponent<ListRadioItemProps & React.RefAttributes<unknown>>;
+export interface ListSwitchItemProps extends PublicListItemVariantProps, Omit<SwitchRootProps, "children" | "className" | "style" | "disabled">, LynxStyledElementProps, LynxAccessibilityProps {
+    disabled?: boolean;
+}
+export declare const ListSwitchItem: React.ForwardRefExoticComponent<ListSwitchItemProps & React.RefAttributes<unknown>>;
+export interface ListContentProps extends LynxStyledElementProps {
+}
+export declare const ListContent: React.ForwardRefExoticComponent<ListContentProps & React.RefAttributes<unknown>>;
+export interface ListPrefixProps extends LynxStyledElementProps {
+}
+export declare const ListPrefix: React.ForwardRefExoticComponent<ListPrefixProps & React.RefAttributes<unknown>>;
+export interface ListSuffixProps extends LynxStyledElementProps {
+}
+export declare const ListSuffix: React.ForwardRefExoticComponent<ListSuffixProps & React.RefAttributes<unknown>>;
+export interface ListTitleProps extends LynxStyledElementProps {
+}
+export declare const ListTitle: React.ForwardRefExoticComponent<ListTitleProps & React.RefAttributes<unknown>>;
+export interface ListDetailProps extends LynxStyledElementProps {
+}
+export declare const ListDetail: React.ForwardRefExoticComponent<ListDetailProps & React.RefAttributes<unknown>>;
+export interface ListHeaderProps extends ListHeaderVariantProps, LynxStyledElementProps, LynxAccessibilityProps {
+}
+export declare const ListHeader: React.ForwardRefExoticComponent<ListHeaderProps & React.RefAttributes<unknown>>;
+export {};
+//# sourceMappingURL=List.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAIxC,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACpG,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAG9F,OAAO,KAAK,EACV,sBAAsB,EACtB,kBAAkB,EAClB,sBAAsB,EAIvB,MAAM,aAAa,CAAC;AAErB,OAAO,EAAgB,KAAK,iBAAiB,EAAsB,MAAM,sBAAsB,CAAC;AAEhG,OAAO,EAEL,KAAK,mBAAmB,EAEzB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAc,KAAK,eAAe,EAAoB,MAAM,kBAAkB,CAAC;AAEtF,KAAK,0BAA0B,GAAG,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC;AAwCrF,MAAM,WAAW,aAAc,SAAQ,sBAAsB,EAAE,sBAAsB;CAAG;AAExF,eAAO,MAAM,QAAQ,+EAanB,CAAC;AA8CH,MAAM,WAAW,aACf,SAAQ,0BAA0B,EAChC,sBAAsB,EACtB,sBAAsB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,+EAEnB,CAAC;AAKH,MAAM,WAAW,mBACf,SAAQ,0BAA0B,EAChC,sBAAsB,EACtB,sBAAsB,EACtB,kBAAkB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,qFA4BzB,CAAC;AA8BH,MAAM,WAAW,qBACf,SAAQ,0BAA0B,EAChC,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,UAAU,CAAC,EACxE,sBAAsB,EACtB,sBAAsB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,uFAuB3B,CAAC;AA8BH,MAAM,WAAW,kBACf,SAAQ,0BAA0B,EAChC,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,UAAU,CAAC,EAC1E,sBAAsB,EACtB,sBAAsB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,oFAuBxB,CAAC;AA4BH,MAAM,WAAW,mBACf,SAAQ,0BAA0B,EAChC,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,UAAU,CAAC,EACtE,sBAAsB,EACtB,sBAAsB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,qFAkBzB,CAAC;AAKH,MAAM,WAAW,gBAAiB,SAAQ,sBAAsB;CAAG;AAEnE,eAAO,MAAM,WAAW,kFActB,CAAC;AAGH,MAAM,WAAW,eAAgB,SAAQ,sBAAsB;CAAG;AAElE,eAAO,MAAM,UAAU,iFAcrB,CAAC;AAGH,MAAM,WAAW,eAAgB,SAAQ,sBAAsB;CAAG;AAElE,eAAO,MAAM,UAAU,iFAcrB,CAAC;AAGH,MAAM,WAAW,cAAe,SAAQ,sBAAsB;CAAG;AAEjE,eAAO,MAAM,SAAS,gFAcpB,CAAC;AAGH,MAAM,WAAW,eAAgB,SAAQ,sBAAsB;CAAG;AAElE,eAAO,MAAM,UAAU,iFAcrB,CAAC;AAKH,MAAM,WAAW,eACf,SAAQ,sBAAsB,EAC5B,sBAAsB,EACtB,sBAAsB;CAAG;AAE7B,eAAO,MAAM,UAAU,iFAcrB,CAAC"}

package/lib/components/List/List.jsx

@@ -0,0 +1,176 @@
+import { usePressTap } from "../../hooks/usePressTap.js";
+import { createSlotRecipeContext } from "../../utils/create-slot-recipe-context.jsx";
+import { IconSlotProvider } from "../Icon/Icon.jsx";
+import { CheckboxRoot, useCheckboxContext } from "../Checkbox/Checkbox.jsx";
+import { RadioGroupItem, useRadioGroupItemContext } from "../RadioGroup/RadioGroup.jsx";
+import { SwitchRoot, useSwitchContext } from "../Switch/Switch.jsx";
+import * as React from "@lynx-js/react";
+import clsx from "clsx";
+import { list } from "@seed-design/lynx-css/recipes/list";
+import { listHeader } from "@seed-design/lynx-css/recipes/list-header";
+import { listItem } from "@seed-design/lynx-css/recipes/list-item";
+//#region src/components/List/List.tsx
+var { ClassNamesProvider, useClassNames } = createSlotRecipeContext(listItem);
+function splitAccessibilityProps(props) {
+	const { "accessibility-label": accessibilityLabel, "accessibility-traits": accessibilityTraits, "accessibility-element": accessibilityElement, "accessibility-value": accessibilityValue, "accessibility-role-description": accessibilityRoleDescription, "accessibility-elements-hidden": accessibilityElementsHidden, "accessibility-heading": accessibilityHeading, "accessibility-actions": accessibilityActions, "accessibility-exclusive-focus": accessibilityExclusiveFocus, "ios-platform-accessibility-id": iosPlatformAccessibilityId, ...restProps } = props;
+	return [{
+		"accessibility-label": accessibilityLabel,
+		"accessibility-traits": accessibilityTraits,
+		"accessibility-element": accessibilityElement,
+		"accessibility-value": accessibilityValue,
+		"accessibility-role-description": accessibilityRoleDescription,
+		"accessibility-elements-hidden": accessibilityElementsHidden,
+		"accessibility-heading": accessibilityHeading,
+		...accessibilityActions === void 0 ? {} : { "accessibility-actions": accessibilityActions },
+		"accessibility-exclusive-focus": accessibilityExclusiveFocus,
+		"ios-platform-accessibility-id": iosPlatformAccessibilityId
+	}, restProps];
+}
+var ListRoot = React.forwardRef((props, ref) => {
+	const { children, className, style, ...nativeProps } = props;
+	return <view {...ref ? { ref } : {}} {...nativeProps} className={clsx(list(), className)} style={style}>
+      {children}
+    </view>;
+});
+ListRoot.displayName = "ListRoot";
+var ListItemSurface = React.forwardRef((props, ref) => {
+	const { children, className, style, disabled = false, pressed = false, ...restProps } = props;
+	const [variantProps, nativeProps] = listItem.splitVariantProps(restProps);
+	const classes = listItem({
+		...variantProps,
+		disabled,
+		pressed
+	});
+	return <ClassNamesProvider value={classes}>
+      <IconSlotProvider value={{
+		classNames: {
+			prefixIcon: classes.prefixIcon,
+			suffixIcon: classes.suffixIcon
+		},
+		deps: [
+			disabled,
+			pressed,
+			variantProps.highlighted
+		]
+	}}>
+        <view {...ref ? { ref } : {}} {...nativeProps} className={clsx(classes.root, className)} style={style}>
+          <view className={classes.highlightedOverlay} accessibility-elements-hidden={true} />
+          <view className={classes.pressedOverlay} accessibility-elements-hidden={true} />
+          <view className={classes.layout}>{children}</view>
+        </view>
+      </IconSlotProvider>
+    </ClassNamesProvider>;
+});
+ListItemSurface.displayName = "ListItemSurface";
+var ListItem = React.forwardRef((props, ref) => {
+	return <ListItemSurface ref={ref} {...props} />;
+});
+ListItem.displayName = "ListItem";
+var ListButtonItem = React.forwardRef((props, ref) => {
+	const { disabled = false, bindtap, "main-thread:bindtap": mainThreadOnTap, "accessibility-element": accessibilityElement = true, "accessibility-role-description": accessibilityRoleDescription = "button", "accessibility-traits": accessibilityTraits, ...restProps } = props;
+	const { pressed, ...pressHandlers } = usePressTap({
+		disabled,
+		onTap: bindtap,
+		mainThreadOnTap
+	});
+	return <ListItemSurface ref={ref} disabled={disabled} pressed={pressed} accessibility-element={accessibilityElement} accessibility-role-description={accessibilityRoleDescription} accessibility-traits={accessibilityTraits ?? (disabled ? "disabled" : "button")} {...pressHandlers} {...restProps} />;
+});
+ListButtonItem.displayName = "ListButtonItem";
+function ListCheckboxItemSurface(props) {
+	const context = useCheckboxContext("ListCheckboxItem");
+	return <ListItemSurface {...props} disabled={context.disabled} pressed={context.pressed} accessibility-element={props["accessibility-element"] ?? true} accessibility-role-description={props["accessibility-role-description"] ?? "checkbox"} accessibility-value={props["accessibility-value"] ?? (context.checked ? "선택됨" : "선택 안 됨")} accessibility-traits={props["accessibility-traits"] ?? (context.disabled ? "disabled" : "button")} />;
+}
+var ListCheckboxItem = React.forwardRef((props, ref) => {
+	const { children, className, style, disabled = false, ...restProps } = props;
+	const [variantProps, remainingProps] = listItem.splitVariantProps(restProps);
+	const [accessibilityProps, checkboxProps] = splitAccessibilityProps(remainingProps);
+	const interactionRootClassName = listItem().interactionRoot;
+	return <CheckboxRoot ref={ref} {...checkboxProps} disabled={disabled} className={interactionRootClassName}>
+      <ListCheckboxItemSurface {...variantProps} className={className} style={style} {...accessibilityProps}>
+        {children}
+      </ListCheckboxItemSurface>
+    </CheckboxRoot>;
+});
+ListCheckboxItem.displayName = "ListCheckboxItem";
+function ListRadioItemSurface(props) {
+	const context = useRadioGroupItemContext("ListRadioItem");
+	return <ListItemSurface {...props} disabled={context.disabled} pressed={context.pressed} accessibility-element={props["accessibility-element"] ?? true} accessibility-role-description={props["accessibility-role-description"] ?? "radio"} accessibility-value={props["accessibility-value"] ?? (context.checked ? "선택됨" : "선택 안 됨")} accessibility-traits={props["accessibility-traits"] ?? (context.disabled ? "disabled" : "button")} />;
+}
+var ListRadioItem = React.forwardRef((props, ref) => {
+	const { children, className, style, disabled = false, value, ...restProps } = props;
+	const [variantProps, remainingProps] = listItem.splitVariantProps(restProps);
+	const [accessibilityProps] = splitAccessibilityProps(remainingProps);
+	const interactionRootClassName = listItem().interactionRoot;
+	return <RadioGroupItem ref={ref} value={value} disabled={disabled} className={interactionRootClassName}>
+      <ListRadioItemSurface {...variantProps} className={className} style={style} {...accessibilityProps}>
+        {children}
+      </ListRadioItemSurface>
+    </RadioGroupItem>;
+});
+ListRadioItem.displayName = "ListRadioItem";
+function ListSwitchItemSurface(props) {
+	const context = useSwitchContext("ListSwitchItem");
+	return <ListItemSurface {...props} disabled={context.disabled} pressed={context.pressed} accessibility-element={props["accessibility-element"] ?? true} accessibility-role-description={props["accessibility-role-description"] ?? "switch"} accessibility-value={props["accessibility-value"] ?? (context.checked ? "켜짐" : "꺼짐")} accessibility-traits={props["accessibility-traits"] ?? (context.disabled ? "disabled" : "button")} />;
+}
+var ListSwitchItem = React.forwardRef((props, ref) => {
+	const { children, className, style, disabled = false, ...restProps } = props;
+	const [variantProps, remainingProps] = listItem.splitVariantProps(restProps);
+	const [accessibilityProps, switchProps] = splitAccessibilityProps(remainingProps);
+	const interactionRootClassName = listItem().interactionRoot;
+	return <SwitchRoot ref={ref} {...switchProps} disabled={disabled} className={interactionRootClassName}>
+      <ListSwitchItemSurface {...variantProps} className={className} style={style} {...accessibilityProps}>
+        {children}
+      </ListSwitchItemSurface>
+    </SwitchRoot>;
+});
+ListSwitchItem.displayName = "ListSwitchItem";
+var ListContent = React.forwardRef((props, ref) => {
+	const { children, className, style, ...nativeProps } = props;
+	const classes = useClassNames();
+	return <view {...ref ? { ref } : {}} {...nativeProps} className={clsx(classes.content, className)} style={style}>
+      {children}
+    </view>;
+});
+ListContent.displayName = "ListContent";
+var ListPrefix = React.forwardRef((props, ref) => {
+	const { children, className, style, ...nativeProps } = props;
+	const classes = useClassNames();
+	return <view {...ref ? { ref } : {}} {...nativeProps} className={clsx(classes.prefix, className)} style={style}>
+      {children}
+    </view>;
+});
+ListPrefix.displayName = "ListPrefix";
+var ListSuffix = React.forwardRef((props, ref) => {
+	const { children, className, style, ...nativeProps } = props;
+	const classes = useClassNames();
+	return <view {...ref ? { ref } : {}} {...nativeProps} className={clsx(classes.suffix, className)} style={style}>
+      {children}
+    </view>;
+});
+ListSuffix.displayName = "ListSuffix";
+var ListTitle = React.forwardRef((props, ref) => {
+	const { children, className, style, ...nativeProps } = props;
+	const classes = useClassNames();
+	return <text {...ref ? { ref } : {}} {...nativeProps} className={clsx(classes.title, className)} style={style}>
+      {children}
+    </text>;
+});
+ListTitle.displayName = "ListTitle";
+var ListDetail = React.forwardRef((props, ref) => {
+	const { children, className, style, ...nativeProps } = props;
+	const classes = useClassNames();
+	return <text {...ref ? { ref } : {}} {...nativeProps} className={clsx(classes.detail, className)} style={style}>
+      {children}
+    </text>;
+});
+ListDetail.displayName = "ListDetail";
+var ListHeader = React.forwardRef((props, ref) => {
+	const [variantProps, restProps] = listHeader.splitVariantProps(props);
+	const { children, className, style, ...nativeProps } = restProps;
+	return <text {...ref ? { ref } : {}} {...nativeProps} className={clsx(listHeader(variantProps), className)} style={style}>
+      {children}
+    </text>;
+});
+ListHeader.displayName = "ListHeader";
+//#endregion
+export { ListButtonItem, ListCheckboxItem, ListContent, ListDetail, ListHeader, ListItem, ListPrefix, ListRadioItem, ListRoot, ListSuffix, ListSwitchItem, ListTitle };

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

@@ -0,0 +1,2 @@
+export { ListButtonItem as ButtonItem, ListCheckboxItem as CheckboxItem, ListContent as Content, ListDetail as Detail, ListItem as Item, ListPrefix as Prefix, ListRadioItem as RadioItem, ListRoot as Root, ListSuffix as Suffix, ListSwitchItem as SwitchItem, ListTitle as Title, type ListButtonItemProps as ButtonItemProps, type ListCheckboxItemProps as CheckboxItemProps, type ListContentProps as ContentProps, type ListDetailProps as DetailProps, type ListItemProps as ItemProps, type ListPrefixProps as PrefixProps, type ListRadioItemProps as RadioItemProps, type ListRootProps as RootProps, type ListSuffixProps as SuffixProps, type ListSwitchItemProps as SwitchItemProps, type ListTitleProps as TitleProps, } from './List';
+//# sourceMappingURL=List.namespace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,IAAI,UAAU,EAC5B,gBAAgB,IAAI,YAAY,EAChC,WAAW,IAAI,OAAO,EACtB,UAAU,IAAI,MAAM,EACpB,QAAQ,IAAI,IAAI,EAChB,UAAU,IAAI,MAAM,EACpB,aAAa,IAAI,SAAS,EAC1B,QAAQ,IAAI,IAAI,EAChB,UAAU,IAAI,MAAM,EACpB,cAAc,IAAI,UAAU,EAC5B,SAAS,IAAI,KAAK,EAClB,KAAK,mBAAmB,IAAI,eAAe,EAC3C,KAAK,qBAAqB,IAAI,iBAAiB,EAC/C,KAAK,gBAAgB,IAAI,YAAY,EACrC,KAAK,eAAe,IAAI,WAAW,EACnC,KAAK,aAAa,IAAI,SAAS,EAC/B,KAAK,eAAe,IAAI,WAAW,EACnC,KAAK,kBAAkB,IAAI,cAAc,EACzC,KAAK,aAAa,IAAI,SAAS,EAC/B,KAAK,eAAe,IAAI,WAAW,EACnC,KAAK,mBAAmB,IAAI,eAAe,EAC3C,KAAK,cAAc,IAAI,UAAU,GAClC,MAAM,QAAQ,CAAC"}

package/lib/components/List/List.namespace.js

@@ -0,0 +1,18 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { ListButtonItem, ListCheckboxItem, ListContent, ListDetail, ListItem, ListPrefix, ListRadioItem, ListRoot, ListSuffix, ListSwitchItem, ListTitle } from "./List.jsx";
+//#region src/components/List/List.namespace.ts
+var List_namespace_exports = /* @__PURE__ */ __exportAll({
+	ButtonItem: () => ListButtonItem,
+	CheckboxItem: () => ListCheckboxItem,
+	Content: () => ListContent,
+	Detail: () => ListDetail,
+	Item: () => ListItem,
+	Prefix: () => ListPrefix,
+	RadioItem: () => ListRadioItem,
+	Root: () => ListRoot,
+	Suffix: () => ListSuffix,
+	SwitchItem: () => ListSwitchItem,
+	Title: () => ListTitle
+});
+//#endregion
+export { List_namespace_exports };

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

@@ -0,0 +1,3 @@
+export * from './List';
+export * as List from './List.namespace';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AAEvB,OAAO,KAAK,IAAI,MAAM,kBAAkB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"MannerTemp.d.ts","sourceRoot":"","sources":["../../../src/components/MannerTemp/MannerTemp.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AAGpG,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAGxC,OAAO,KAAK,EAAE,sBAAsB,EAAe,MAAM,aAAa,CAAC;AAGvE,KAAK,eAAe,GAAG,WAAW,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC;AAiBpE,MAAM,WAAW,oBAAqB,SAAQ,sBAAsB;IAClE,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED,eAAO,MAAM,eAAe,sFAe1B,CAAC;AAQH;;;;;GAKG;AACH,MAAM,WAAW,eAAgB,SAAQ,sBAAsB,EAAE,sBAAsB;CAAG;AAE1F,eAAO,MAAM,UAAU,iFAqBrB,CAAC"}
+{"version":3,"file":"MannerTemp.d.ts","sourceRoot":"","sources":["../../../src/components/MannerTemp/MannerTemp.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AAGpG,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAGxC,OAAO,KAAK,EAAE,sBAAsB,EAAe,MAAM,aAAa,CAAC;AAIvE,KAAK,eAAe,GAAG,WAAW,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC;AAiBpE,MAAM,WAAW,oBAAqB,SAAQ,sBAAsB;IAClE,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED,eAAO,MAAM,eAAe,sFAc1B,CAAC;AAQH;;;;;GAKG;AACH,MAAM,WAAW,eAAgB,SAAQ,sBAAsB,EAAE,sBAAsB;CAAG;AAE1F,eAAO,MAAM,UAAU,iFAoBrB,CAAC"}

package/lib/components/MannerTemp/MannerTemp.jsx

@@ -1,4 +1,5 @@
 import { toArray } from "../../utils/children.js";
+import { mergeProps } from "../../utils/merge-props.js";
 import * as React from "@lynx-js/react";
 import { isValidElement } from "@lynx-js/react";
 import clsx from "clsx";
@@ -21,7 +22,7 @@ var MannerTempEmote = React.forwardRef((props, ref) => {
 	const contextLevel = React.useContext(MannerTempLevelContext);
 	const { level = contextLevel ?? "l1", children: _children, className, ...nativeProps } = props;
 	const classes = mannerTemp({ level });
-	return <image {...ref ? { ref } : {}} {...nativeProps} src={emoteSources[level]} mode="aspectFit" accessibility-elements-hidden={true} className={clsx(classes.emote, className)} />;
+	return <image {...mergeProps(ref ? { ref } : {}, nativeProps)} src={emoteSources[level]} mode="aspectFit" accessibility-elements-hidden={true} className={clsx(classes.emote, className)} />;
 });
 MannerTempEmote.displayName = "MannerTempEmote";
 function isMannerTempEmote(node) {
@@ -36,7 +37,7 @@ var MannerTemp = React.forwardRef((props, ref) => {
 	const labelChildren = childArray.filter((child) => !isMannerTempEmote(child));
 	const level = variantProps.level ?? "l1";
 	return <MannerTempLevelContext.Provider value={level}>
-      <view {...ref ? { ref } : {}} {...nativeProps} className={clsx(classes.root, className)}>
+      <view {...mergeProps(ref ? { ref } : {}, nativeProps)} className={clsx(classes.root, className)}>
         <text className={classes.label}>{labelChildren}</text>
         {emoteChildren}
       </view>

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

@@ -1 +1 @@
-{"version":3,"file":"MannerTempBadge.d.ts","sourceRoot":"","sources":["../../../src/components/MannerTempBadge/MannerTempBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,2BAA2B,EACjC,MAAM,iDAAiD,CAAC;AAEzD,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAExC,OAAO,KAAK,EAAE,sBAAsB,EAAe,MAAM,aAAa,CAAC;AAEvE;;;;;GAKG;AACH,MAAM,WAAW,oBAAqB,SAAQ,2BAA2B,EAAE,sBAAsB;CAAG;AAEpG,eAAO,MAAM,eAAe,sFAc1B,CAAC"}
+{"version":3,"file":"MannerTempBadge.d.ts","sourceRoot":"","sources":["../../../src/components/MannerTempBadge/MannerTempBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,2BAA2B,EACjC,MAAM,iDAAiD,CAAC;AAEzD,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAExC,OAAO,KAAK,EAAE,sBAAsB,EAAe,MAAM,aAAa,CAAC;AAGvE;;;;;GAKG;AACH,MAAM,WAAW,oBAAqB,SAAQ,2BAA2B,EAAE,sBAAsB;CAAG;AAEpG,eAAO,MAAM,eAAe,sFAa1B,CAAC"}

package/lib/components/MannerTempBadge/MannerTempBadge.jsx

@@ -1,3 +1,4 @@
+import { mergeProps } from "../../utils/merge-props.js";
 import * as React from "@lynx-js/react";
 import clsx from "clsx";
 import { mannerTempBadge } from "@seed-design/lynx-css/recipes/manner-temp-badge";
@@ -6,7 +7,7 @@ var MannerTempBadge = React.forwardRef((props, ref) => {
 	const [variantProps, otherProps] = mannerTempBadge.splitVariantProps(props);
 	const classes = mannerTempBadge(variantProps);
 	const { children, className, ...nativeProps } = otherProps;
-	return <view {...ref ? { ref } : {}} {...nativeProps} className={clsx(classes.root, className)}>
+	return <view {...mergeProps(ref ? { ref } : {}, nativeProps)} className={clsx(classes.root, className)}>
       <text className={classes.label}>{children}</text>
     </view>;
 });

package/lib/components/Menu/Menu.d.ts

@@ -0,0 +1,69 @@
+import { BaseEvent } from '@lynx-js/types';
+import { MenuVariantProps } from '@seed-design/lynx-css/recipes/menu';
+import { MenuItemVariantProps } from '@seed-design/lynx-css/recipes/menu-item';
+import { LynxAccessibilityProps, LynxPressableProps, LynxStyledElementProps } from '../../types';
+import { PrefixIcon, SuffixIcon } from '../Icon/Icon';
+import { Placement as MenuPlacement } from '../private/Positioning';
+import * as React from "@lynx-js/react";
+type MenuPublicVariantProps = Omit<MenuVariantProps, "open" | "positioned" | "size"> & {
+    size?: "small" | "medium" | "responsive";
+};
+type MenuItemPublicVariantProps = Omit<MenuItemVariantProps, "size" | "disabled" | "pressed">;
+export type MenuOpenChangeReason = "trigger" | "interactOutside" | "itemClick" | "dismiss";
+export interface MenuOpenChangeDetails {
+    reason: MenuOpenChangeReason;
+    event: BaseEvent;
+}
+export interface MenuRootProps extends MenuPublicVariantProps, LynxStyledElementProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean, details: MenuOpenChangeDetails) => void;
+    disabled?: boolean;
+    placement?: MenuPlacement;
+    gutter?: number;
+    overflowPadding?: number;
+    matchReferenceWidth?: boolean;
+}
+/**
+ * @platform Lynx
+ *
+ * Lynx menu supports native tap and accessibility semantics. It does not expose
+ * web DOM focus, keyboard navigation, typeahead, `asChild`, or nested submenus.
+ */
+export declare const MenuRoot: React.ForwardRefExoticComponent<MenuRootProps & React.RefAttributes<unknown>>;
+export interface MenuAnchorProps extends LynxStyledElementProps {
+}
+export declare const MenuAnchor: React.ForwardRefExoticComponent<MenuAnchorProps & React.RefAttributes<unknown>>;
+export interface MenuTriggerProps extends LynxStyledElementProps, LynxPressableProps, LynxAccessibilityProps {
+    disabled?: boolean;
+}
+export declare const MenuTrigger: React.ForwardRefExoticComponent<MenuTriggerProps & React.RefAttributes<unknown>>;
+export interface MenuContentProps extends LynxStyledElementProps {
+}
+export declare const MenuContent: React.ForwardRefExoticComponent<MenuContentProps & React.RefAttributes<unknown>>;
+/** The scroll viewport is supplied by `MenuContent`; this slot styles custom scroll content only. */
+export interface MenuScrollAreaProps extends LynxStyledElementProps {
+}
+export declare const MenuScrollArea: React.ForwardRefExoticComponent<MenuScrollAreaProps & React.RefAttributes<unknown>>;
+export interface MenuGroupProps extends LynxStyledElementProps {
+}
+export declare const MenuGroup: React.ForwardRefExoticComponent<MenuGroupProps & React.RefAttributes<unknown>>;
+export interface MenuGroupLabelProps extends LynxStyledElementProps, LynxAccessibilityProps {
+}
+export declare const MenuGroupLabel: React.ForwardRefExoticComponent<MenuGroupLabelProps & React.RefAttributes<unknown>>;
+export interface MenuItemProps extends MenuItemPublicVariantProps, LynxStyledElementProps, LynxPressableProps, LynxAccessibilityProps {
+    disabled?: boolean;
+}
+export declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<unknown>>;
+export interface MenuItemBodyProps extends LynxStyledElementProps {
+}
+export declare const MenuItemBody: React.ForwardRefExoticComponent<MenuItemBodyProps & React.RefAttributes<unknown>>;
+export interface MenuItemLabelProps extends LynxStyledElementProps {
+}
+export declare const MenuItemLabel: React.ForwardRefExoticComponent<MenuItemLabelProps & React.RefAttributes<unknown>>;
+export interface MenuItemDescriptionProps extends LynxStyledElementProps {
+}
+export declare const MenuItemDescription: React.ForwardRefExoticComponent<MenuItemDescriptionProps & React.RefAttributes<unknown>>;
+export { PrefixIcon as MenuPrefixIcon, SuffixIcon as MenuSuffixIcon };
+export type { MenuPlacement };
+//# sourceMappingURL=Menu.d.ts.map

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

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