@seed-design/lynx-react 0.7.1 → 0.8.0

package/lib/components/HelpBubble/HelpBubble.namespace.js

@@ -0,0 +1,18 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip, HelpBubbleBody, HelpBubbleCloseButton, HelpBubbleContent, HelpBubbleDescription, HelpBubblePositioner, HelpBubbleRoot, HelpBubbleTitle, HelpBubbleTrigger } from "./HelpBubble.jsx";
+//#region src/components/HelpBubble/HelpBubble.namespace.ts
+var HelpBubble_namespace_exports = /* @__PURE__ */ __exportAll({
+	Anchor: () => HelpBubbleAnchor,
+	Arrow: () => HelpBubbleArrow,
+	ArrowTip: () => HelpBubbleArrowTip,
+	Body: () => HelpBubbleBody,
+	CloseButton: () => HelpBubbleCloseButton,
+	Content: () => HelpBubbleContent,
+	Description: () => HelpBubbleDescription,
+	Positioner: () => HelpBubblePositioner,
+	Root: () => HelpBubbleRoot,
+	Title: () => HelpBubbleTitle,
+	Trigger: () => HelpBubbleTrigger
+});
+//#endregion
+export { HelpBubble_namespace_exports };

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

@@ -0,0 +1,3 @@
+export { HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip, HelpBubbleBody, HelpBubbleCloseButton, HelpBubbleContent, HelpBubbleDescription, HelpBubblePositioner, HelpBubbleRoot, HelpBubbleTitle, HelpBubbleTrigger, type HelpBubbleAnchorProps, type HelpBubbleArrowProps, type HelpBubbleArrowTipProps, type HelpBubbleBodyProps, type HelpBubbleCloseButtonProps, type HelpBubbleContentProps, type HelpBubbleDescriptionProps, type HelpBubblePositionerProps, type HelpBubbleRootProps, type HelpBubbleTitleProps, type HelpBubbleTriggerProps, } from './HelpBubble';
+export * as HelpBubble from './HelpBubble.namespace';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HelpBubble/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,cAAc,EACd,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,EACxB,KAAK,0BAA0B,EAC/B,KAAK,sBAAsB,EAC3B,KAAK,0BAA0B,EAC/B,KAAK,yBAAyB,EAC9B,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,GAC5B,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,UAAU,MAAM,wBAAwB,CAAC"}

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

@@ -36,6 +36,7 @@ export declare const SuffixIcon: React.ForwardRefExoticComponent<SuffixIconProps
 export interface InternalIconProps extends LynxStyledElementProps {
     icon: ReactElement<LynxIconElementProps>;
     deps?: DependencyList;
+    disableDefaultResize?: boolean;
 }
 export declare const InternalIcon: React.ForwardRefExoticComponent<InternalIconProps & React.RefAttributes<unknown>>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,KAAK,EAAE,oBAAoB,EAAE,sBAAsB,EAAe,MAAM,aAAa,CAAC;AAC7F,OAAO,EAAgC,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGnF,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,YAAY,GAAG,YAAY,CAAC;AAIhE,UAAU,oBAAoB;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;IACnD,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAWD,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,OAAO,GACR,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;CAClB,qBAyCA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,qBAEA;AAeD,wBAAgB,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,YAAY,GAAG,IAAI,CAI1E;AAaD,MAAM,WAAW,SAAU,SAAQ,sBAAsB;IACvD,IAAI,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,GAAG,MAAM,CAAC;IACrC,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,eAAgB,SAAQ,SAAS;CAAG;AAErD,MAAM,WAAW,eAAgB,SAAQ,SAAS;CAAG;AA+GrD,eAAO,MAAM,IAAI,2EAA8D,CAAC;AAChF,eAAO,MAAM,UAAU,iFAItB,CAAC;AACF,eAAO,MAAM,UAAU,iFAItB,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,sBAAsB;IAC/D,IAAI,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAED,eAAO,MAAM,YAAY,mFA6BvB,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,KAAK,EAAE,oBAAoB,EAAE,sBAAsB,EAAe,MAAM,aAAa,CAAC;AAC7F,OAAO,EAAgC,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGnF,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,YAAY,GAAG,YAAY,CAAC;AAIhE,UAAU,oBAAoB;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;IACnD,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAWD,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,OAAO,GACR,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;CAClB,qBAyCA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,qBAEA;AAeD,wBAAgB,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,YAAY,GAAG,IAAI,CAI1E;AAaD,MAAM,WAAW,SAAU,SAAQ,sBAAsB;IACvD,IAAI,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,GAAG,MAAM,CAAC;IACrC,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,eAAgB,SAAQ,SAAS;CAAG;AAErD,MAAM,WAAW,eAAgB,SAAQ,SAAS;CAAG;AA+GrD,eAAO,MAAM,IAAI,2EAA8D,CAAC;AAChF,eAAO,MAAM,UAAU,iFAItB,CAAC;AACF,eAAO,MAAM,UAAU,iFAItB,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,sBAAsB;IAC/D,IAAI,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,eAAO,MAAM,YAAY,mFAsCvB,CAAC"}

package/lib/components/Icon/Icon.jsx

@@ -130,7 +130,7 @@ 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 { icon, deps = [], className, style, children: _children, disableDefaultResize = false, ...nativeProps } = props;
 	const sourceRef = useMainThreadRef(null);
 	const iconColor = useIconColor([
 		className,
@@ -141,6 +141,7 @@ var InternalIcon = React.forwardRef((props, ref) => {
 	return <view {...mergeProps({ "main-thread:ref": sourceRef }, ref ? { ref } : {}, nativeProps)} className={className} style={style}>
       {cloneElement(icon, {
 		...iconColor,
+		...disableDefaultResize ? { "disable-default-resize": true } : {},
 		className: icon.props.className,
 		style: {
 			...icon.props.style,

package/lib/components/IdentityPlaceholder/IdentityPlaceholder.d.ts

@@ -0,0 +1,28 @@
+import { IdentityPlaceholderVariantProps } from '@seed-design/lynx-css/recipes/identity-placeholder';
+import { IntrinsicElements } from '@lynx-js/types';
+import { LynxStyledElementProps } from '../../types';
+import * as React from "@lynx-js/react";
+/**
+ * @platform Lynx
+ *
+ * Web의 SVG/asChild API 대신 native `<view>` props를 받습니다.
+ */
+export interface IdentityPlaceholderRootProps extends IdentityPlaceholderVariantProps, LynxStyledElementProps {
+}
+export declare const IdentityPlaceholderRoot: React.ForwardRefExoticComponent<IdentityPlaceholderRootProps & React.RefAttributes<unknown>>;
+/**
+ * @platform Lynx
+ *
+ * `src`와 `mode`는 identity variant가 소유합니다. Web SVG props 대신 native image
+ * props를 사용하며 SVG rendering과 `asChild`는 지원하지 않습니다.
+ *
+ * React SVG의 기본 `xMidYMid meet`처럼 도형 전체를 비율을 유지한 채 영역 안에 맞춥니다.
+ *
+ * 로컬 WebP는 `static-white-alpha-800`의 고정값 `#ffffffde`로 원본 SVG path를
+ * rasterize합니다. Native image의 SVG/fill 경로를 피하고, 토큰이 light/dark에서
+ * 동일하므로 동적 tint를 사용하지 않습니다.
+ */
+export interface IdentityPlaceholderImageProps extends Omit<IntrinsicElements["image"], "src" | "mode" | "children"> {
+}
+export declare const IdentityPlaceholderImage: React.ForwardRefExoticComponent<Omit<IdentityPlaceholderImageProps, "ref"> & React.RefAttributes<unknown>>;
+//# sourceMappingURL=IdentityPlaceholder.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityPlaceholder.d.ts","sourceRoot":"","sources":["../../../src/components/IdentityPlaceholder/IdentityPlaceholder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,oDAAoD,CAAC;AAC5D,OAAO,KAAK,EAAE,iBAAiB,EAAY,MAAM,gBAAgB,CAAC;AAElE,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAExC,OAAO,KAAK,EAAE,sBAAsB,EAAe,MAAM,aAAa,CAAC;AAgBvE;;;;GAIG;AACH,MAAM,WAAW,4BACf,SAAQ,+BAA+B,EACrC,sBAAsB;CAAG;AAE7B,eAAO,MAAM,uBAAuB,8FAoBnC,CAAC;AAGF;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,6BACf,SAAQ,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,UAAU,CAAC;CAAG;AAE1E,eAAO,MAAM,wBAAwB,4GA8BpC,CAAC"}

package/lib/components/IdentityPlaceholder/IdentityPlaceholder.jsx

@@ -0,0 +1,37 @@
+import { mergeProps } from "../../utils/merge-props.js";
+import { createSlotRecipeContext } from "../../utils/create-slot-recipe-context.jsx";
+import identity_placeholder_business_default from "./identity-placeholder-business.js";
+import identity_placeholder_person_default from "./identity-placeholder-person.js";
+import * as React from "@lynx-js/react";
+import clsx from "clsx";
+import { identityPlaceholder } from "@seed-design/lynx-css/recipes/identity-placeholder";
+//#region src/components/IdentityPlaceholder/IdentityPlaceholder.tsx
+var { ClassNamesProvider, PropsProvider, useClassNames, useProps } = createSlotRecipeContext(identityPlaceholder);
+var identitySources = {
+	person: identity_placeholder_person_default,
+	business: identity_placeholder_business_default
+};
+var IdentityPlaceholderRoot = React.forwardRef((props, ref) => {
+	const [variantProps, otherProps] = identityPlaceholder.splitVariantProps(props);
+	const { children, className, style, ...nativeProps } = otherProps;
+	const classNames = identityPlaceholder(variantProps);
+	return <ClassNamesProvider value={classNames}>
+        <PropsProvider value={variantProps}>
+          <view {...mergeProps(ref ? { ref } : {}, nativeProps)} className={clsx(classNames.root, className)} style={style}>
+            {children}
+          </view>
+        </PropsProvider>
+      </ClassNamesProvider>;
+});
+IdentityPlaceholderRoot.displayName = "IdentityPlaceholderRoot";
+var IdentityPlaceholderImage = React.forwardRef((props, ref) => {
+	const classNames = useClassNames();
+	const parentProps = useProps();
+	if (parentProps === null) throw new Error("<IdentityPlaceholderImage/> must be rendered inside <IdentityPlaceholderRoot/>.");
+	const { className, "accessibility-label": accessibilityLabel, "accessibility-traits": accessibilityTraits, ...nativeProps } = props;
+	const identity = parentProps.identity ?? "person";
+	return <image {...mergeProps(ref ? { ref } : {}, nativeProps)} src={identitySources[identity]} mode="aspectFit" accessibility-label={accessibilityLabel ?? "Identity placeholder"} accessibility-traits={accessibilityTraits ?? "image"} className={clsx(classNames.image, className)} />;
+});
+IdentityPlaceholderImage.displayName = "IdentityPlaceholderImage";
+//#endregion
+export { IdentityPlaceholderImage, IdentityPlaceholderRoot };

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

@@ -0,0 +1,2 @@
+export { IdentityPlaceholderRoot as Root, IdentityPlaceholderImage as Image, type IdentityPlaceholderRootProps as RootProps, type IdentityPlaceholderImageProps as ImageProps, } from './IdentityPlaceholder';
+//# sourceMappingURL=IdentityPlaceholder.namespace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityPlaceholder.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/IdentityPlaceholder/IdentityPlaceholder.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,IAAI,IAAI,EAC/B,wBAAwB,IAAI,KAAK,EACjC,KAAK,4BAA4B,IAAI,SAAS,EAC9C,KAAK,6BAA6B,IAAI,UAAU,GACjD,MAAM,uBAAuB,CAAC"}

package/lib/components/IdentityPlaceholder/IdentityPlaceholder.namespace.js

@@ -0,0 +1,9 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { IdentityPlaceholderImage, IdentityPlaceholderRoot } from "./IdentityPlaceholder.jsx";
+//#region src/components/IdentityPlaceholder/IdentityPlaceholder.namespace.ts
+var IdentityPlaceholder_namespace_exports = /* @__PURE__ */ __exportAll({
+	Image: () => IdentityPlaceholderImage,
+	Root: () => IdentityPlaceholderRoot
+});
+//#endregion
+export { IdentityPlaceholder_namespace_exports };

package/lib/components/IdentityPlaceholder/identity-placeholder-business.js

@@ -0,0 +1,4 @@
+//#region src/components/IdentityPlaceholder/identity-placeholder-business.webp
+var identity_placeholder_business_default = "data:image/webp;base64,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";
+//#endregion
+export { identity_placeholder_business_default as default };

package/lib/components/IdentityPlaceholder/identity-placeholder-person.js

@@ -0,0 +1,4 @@
+//#region src/components/IdentityPlaceholder/identity-placeholder-person.webp
+var identity_placeholder_person_default = "data:image/webp;base64,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";
+//#endregion
+export { identity_placeholder_person_default as default };

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

@@ -0,0 +1,3 @@
+export { IdentityPlaceholderRoot, IdentityPlaceholderImage, type IdentityPlaceholderRootProps, type IdentityPlaceholderImageProps, } from './IdentityPlaceholder';
+export * as IdentityPlaceholder from './IdentityPlaceholder.namespace';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IdentityPlaceholder/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,wBAAwB,EACxB,KAAK,4BAA4B,EACjC,KAAK,6BAA6B,GACnC,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,mBAAmB,MAAM,iCAAiC,CAAC"}

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

@@ -9,6 +9,8 @@ import * as React from "@lynx-js/react";
  * 웹 대비 미지원 기능:
  * - `size="responsive"`: Lynx에는 CSS viewport breakpoint가 없음
  * - HTML form 제출과 DOM ARIA id 연결
+ * - Content Scale을 적용하려면 Button을 Root의 직접 자식 또는 Fragment 안에 둡니다.
+ *   커스텀 컴포넌트로 감싼 Button은 기존 구조를 보존하며 Content Scale을 생략합니다.
  */
 export interface InputButtonRootProps extends Omit<InputButtonVariantProps, "pressed">, LynxStyledElementProps {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"InputButton.d.ts","sourceRoot":"","sources":["../../../src/components/InputButton/InputButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AACxC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,4CAA4C,CAAC;AAIpD,OAAO,KAAK,EACV,sBAAsB,EACtB,kBAAkB,EAClB,sBAAsB,EAGvB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAsBpE;;;;;;GAMG;AACH,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,uBAAuB,EAAE,SAAS,CAAC,EAC9C,sBAAsB;CAAG;AAE7B,eAAO,MAAM,eAAe,uFAwB3B,CAAC;AAKF,MAAM,WAAW,sBACf,SAAQ,sBAAsB,EAC5B,kBAAkB,EAClB,sBAAsB;CAAG;AAE7B,eAAO,MAAM,iBAAiB,wFAiC5B,CAAC;AAKH,MAAM,WAAW,qBAAsB,SAAQ,sBAAsB;CAAG;AAExE,eAAO,MAAM,gBAAgB,uFAe3B,CAAC;AAGH,MAAM,WAAW,2BAA4B,SAAQ,sBAAsB;CAAG;AAE9E,eAAO,MAAM,sBAAsB,6FAiBlC,CAAC;AAKF,MAAM,WAAW,0BAA2B,SAAQ,sBAAsB;CAAG;AAE7E,eAAO,MAAM,qBAAqB,4FAiBjC,CAAC;AAGF,MAAM,WAAW,0BAA2B,SAAQ,iBAAiB;CAAG;AAExE,eAAO,MAAM,qBAAqB,4FAejC,CAAC;AAGF,MAAM,WAAW,0BAA2B,SAAQ,sBAAsB;CAAG;AAE7E,eAAO,MAAM,qBAAqB,4FAiBjC,CAAC;AAGF,MAAM,WAAW,0BAA2B,SAAQ,iBAAiB;CAAG;AAExE,eAAO,MAAM,qBAAqB,4FAejC,CAAC;AAKF,MAAM,WAAW,2BACf,SAAQ,iBAAiB,EACvB,kBAAkB,EAClB,sBAAsB;CAAG;AAE7B,eAAO,MAAM,sBAAsB,6FAqClC,CAAC"}
+{"version":3,"file":"InputButton.d.ts","sourceRoot":"","sources":["../../../src/components/InputButton/InputButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AACxC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,4CAA4C,CAAC;AAOpD,OAAO,KAAK,EACV,sBAAsB,EACtB,kBAAkB,EAClB,sBAAsB,EAGvB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAwBpE;;;;;;;;GAQG;AACH,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,uBAAuB,EAAE,SAAS,CAAC,EAC9C,sBAAsB;CAAG;AAE7B,eAAO,MAAM,eAAe,uFA6C3B,CAAC;AAKF,MAAM,WAAW,sBACf,SAAQ,sBAAsB,EAC5B,kBAAkB,EAClB,sBAAsB;CAAG;AAE7B,eAAO,MAAM,iBAAiB,wFAoC5B,CAAC;AAiBH,MAAM,WAAW,qBAAsB,SAAQ,sBAAsB;CAAG;AAExE,eAAO,MAAM,gBAAgB,uFAe3B,CAAC;AAGH,MAAM,WAAW,2BAA4B,SAAQ,sBAAsB;CAAG;AAE9E,eAAO,MAAM,sBAAsB,6FAiBlC,CAAC;AAKF,MAAM,WAAW,0BAA2B,SAAQ,sBAAsB;CAAG;AAE7E,eAAO,MAAM,qBAAqB,4FAiBjC,CAAC;AAGF,MAAM,WAAW,0BAA2B,SAAQ,iBAAiB;CAAG;AAExE,eAAO,MAAM,qBAAqB,4FAejC,CAAC;AAGF,MAAM,WAAW,0BAA2B,SAAQ,sBAAsB;CAAG;AAE7E,eAAO,MAAM,qBAAqB,4FAiBjC,CAAC;AAGF,MAAM,WAAW,0BAA2B,SAAQ,iBAAiB;CAAG;AAExE,eAAO,MAAM,qBAAqB,4FAejC,CAAC;AAKF,MAAM,WAAW,2BACf,SAAQ,iBAAiB,EACvB,kBAAkB,EAClB,sBAAsB;CAAG;AAE7B,eAAO,MAAM,sBAAsB,6FA6ClC,CAAC"}

package/lib/components/InputButton/InputButton.jsx

@@ -1,4 +1,7 @@
-import { usePressTap } from "../../hooks/usePressTap.js";
+import { usePressTap } from "../../packages/lynx-react-headless/use-press-tap/lib/index.js";
+import { useScaleFeedback } from "../../hooks/useScaleFeedback.js";
+import { toArray } from "../../utils/children.js";
+import { mergeProps } from "../../utils/merge-props.js";
 import { InternalIcon } from "../Icon/Icon.jsx";
 import * as React from "@lynx-js/react";
 import clsx from "clsx";
@@ -16,18 +19,37 @@ var InputButtonRoot = React.forwardRef((props, forwardedRef) => {
 	const disabled = variantProps.disabled ?? false;
 	const readOnly = variantProps.readOnly ?? false;
 	const classes = inputButton(variantProps);
+	const { pressed, bindtouchstart, bindtouchend, bindtouchcancel } = usePressTap({ disabled: disabled || readOnly });
+	const { scaleFeedbackTriggerProps, scaleFeedbackTargetProps } = useScaleFeedback({
+		disabled: disabled || readOnly,
+		onTouchStart: bindtouchstart,
+		onTouchEnd: bindtouchend,
+		onTouchCancel: bindtouchcancel
+	});
+	const childArray = flattenInputButtonChildren(children);
+	const buttonChildren = childArray.filter(isInputButtonButton);
+	const contentChildren = childArray.filter((child) => !isInputButtonButton(child));
 	const contextValue = React.useMemo(() => ({
 		variantProps,
 		disabled,
-		readOnly
+		readOnly,
+		pressed,
+		scaleFeedbackTriggerProps
 	}), [
 		variantProps,
 		disabled,
-		readOnly
+		readOnly,
+		pressed,
+		scaleFeedbackTriggerProps
 	]);
 	return <InputButtonContext.Provider value={contextValue}>
         <view {...forwardedRef ? { ref: forwardedRef } : {}} className={clsx(classes.root, className)} {...nativeProps}>
-          {children}
+          {buttonChildren.length > 0 ? <>
+              {buttonChildren}
+              <view {...scaleFeedbackTargetProps} className={classes.content}>
+                {contentChildren}
+              </view>
+            </> : children}
         </view>
       </InputButtonContext.Provider>;
 });
@@ -36,22 +58,31 @@ 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({
+	const { bindtap: handleTap, "main-thread:bindtap": handleMainThreadTap } = usePressTap({
 		disabled: nonInteractive,
 		onTap: bindtap,
 		mainThreadOnTap: mainThreadBindtap
 	});
 	const classes = inputButton({
 		...context.variantProps,
-		pressed
+		pressed: context.pressed
 	});
-	return <view {...ref ? { ref } : {}} className={clsx(classes.button, className)} accessibility-element={accessibilityElement} accessibility-traits={accessibilityTraits ?? (nonInteractive ? "disabled" : "button")} {...pressHandlers} {...nativeProps}>
+	return <view {...ref ? { ref } : {}} className={clsx(classes.button, className)} accessibility-element={accessibilityElement} accessibility-traits={accessibilityTraits ?? (nonInteractive ? "disabled" : "button")} {...mergeProps({
+		bindtap: handleTap,
+		"main-thread:bindtap": handleMainThreadTap
+	}, context.scaleFeedbackTriggerProps, nativeProps)}>
       <view className={classes.baseStroke} accessibility-elements-hidden={true} />
       <view className={classes.stroke} accessibility-elements-hidden={true} />
       {children}
     </view>;
 });
 InputButtonButton.displayName = "InputButtonButton";
+function isInputButtonButton(node) {
+	return React.isValidElement(node) && node.type === InputButtonButton;
+}
+function flattenInputButtonChildren(children) {
+	return toArray(children).flatMap((child) => React.isValidElement(child) && child.type === React.Fragment ? flattenInputButtonChildren(child.props.children) : [child]);
+}
 var InputButtonValue = React.forwardRef((props, ref) => {
 	const classes = inputButton(useInputButtonContext("InputButton.Value").variantProps);
 	const { children, className, ...nativeProps } = props;
@@ -109,9 +140,10 @@ var InputButtonClearButton = React.forwardRef((props, ref) => {
 		...context.variantProps,
 		pressed
 	});
+	const { scaleFeedbackTriggerProps, scaleFeedbackTargetProps } = useScaleFeedback({ disabled: nonInteractive });
 	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} />;
+	return <InternalIcon ref={ref} className={clsx(classes.clearButton, className)} accessibility-element={accessibilityElement} accessibility-label={accessibilityLabel} accessibility-traits="button" {...mergeProps(pressHandlers, scaleFeedbackTriggerProps, scaleFeedbackTargetProps, otherProps, { flatten: false })} />;
 });
 InputButtonClearButton.displayName = "InputButtonClearButton";
 //#endregion

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

@@ -5,7 +5,7 @@ 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">;
+type PublicListItemVariantProps = Omit<ListItemVariantProps, "pressed" | "disabled" | "interactive">;
 export interface ListRootProps extends LynxStyledElementProps, LynxAccessibilityProps {
 }
 export declare const ListRoot: React.ForwardRefExoticComponent<ListRootProps & React.RefAttributes<unknown>>;

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

@@ -1 +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"}
+{"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;AAM9F,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,CACpC,oBAAoB,EACpB,SAAS,GAAG,UAAU,GAAG,aAAa,CACvC,CAAC;AAwCF,MAAM,WAAW,aAAc,SAAQ,sBAAsB,EAAE,sBAAsB;CAAG;AAExF,eAAO,MAAM,QAAQ,+EAanB,CAAC;AA+DH,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,qFAkCzB,CAAC;AA+BH,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;AA+BH,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,oFAwBxB,CAAC;AA6BH,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

@@ -1,6 +1,9 @@
-import { usePressTap } from "../../hooks/usePressTap.js";
+import { usePressTap } from "../../packages/lynx-react-headless/use-press-tap/lib/index.js";
+import { useScaleFeedback } from "../../hooks/useScaleFeedback.js";
+import { mergeProps } from "../../utils/merge-props.js";
 import { createSlotRecipeContext } from "../../utils/create-slot-recipe-context.jsx";
 import { IconSlotProvider } from "../Icon/Icon.jsx";
+import { ScaleFeedbackContentContext } from "../../contexts/ScaleFeedbackContentContext.js";
 import { CheckboxRoot, useCheckboxContext } from "../Checkbox/Checkbox.jsx";
 import { RadioGroupItem, useRadioGroupItemContext } from "../RadioGroup/RadioGroup.jsx";
 import { SwitchRoot, useSwitchContext } from "../Switch/Switch.jsx";
@@ -34,12 +37,13 @@ var ListRoot = React.forwardRef((props, ref) => {
 });
 ListRoot.displayName = "ListRoot";
 var ListItemSurface = React.forwardRef((props, ref) => {
-	const { children, className, style, disabled = false, pressed = false, ...restProps } = props;
+	const { children, className, style, disabled = false, pressed = false, scaleFeedbackTargetProps, ...restProps } = props;
 	const [variantProps, nativeProps] = listItem.splitVariantProps(restProps);
 	const classes = listItem({
 		...variantProps,
 		disabled,
-		pressed
+		pressed,
+		interactive: !!scaleFeedbackTargetProps
 	});
 	return <ClassNamesProvider value={classes}>
       <IconSlotProvider value={{
@@ -53,10 +57,14 @@ var ListItemSurface = React.forwardRef((props, ref) => {
 			variantProps.highlighted
 		]
 	}}>
-        <view {...ref ? { ref } : {}} {...nativeProps} className={clsx(classes.root, className)} style={style}>
+        <view {...mergeProps(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 className={classes.layout} {...scaleFeedbackTargetProps}>
+            <ScaleFeedbackContentContext.Provider value={!!scaleFeedbackTargetProps}>
+              {children}
+            </ScaleFeedbackContentContext.Provider>
+          </view>
         </view>
       </IconSlotProvider>
     </ClassNamesProvider>;
@@ -68,17 +76,23 @@ var ListItem = React.forwardRef((props, ref) => {
 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({
+	const { pressed, bindtouchstart, bindtouchend, bindtouchcancel, ...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} />;
+	const { scaleFeedbackTriggerProps, scaleFeedbackTargetProps } = useScaleFeedback({
+		disabled,
+		onTouchStart: bindtouchstart,
+		onTouchEnd: bindtouchend,
+		onTouchCancel: bindtouchcancel
+	});
+	return <ListItemSurface ref={ref} disabled={disabled} pressed={pressed} accessibility-element={accessibilityElement} accessibility-role-description={accessibilityRoleDescription} accessibility-traits={accessibilityTraits ?? (disabled ? "disabled" : "button")} scaleFeedbackTargetProps={scaleFeedbackTargetProps} {...mergeProps(scaleFeedbackTriggerProps, 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")} />;
+	return <ListItemSurface {...props} disabled={context.disabled} pressed={context.pressed} scaleFeedbackTargetProps={context.scaleFeedbackTargetProps} 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;
@@ -94,14 +108,14 @@ var ListCheckboxItem = React.forwardRef((props, ref) => {
 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")} />;
+	return <ListItemSurface {...props} disabled={context.disabled} pressed={context.pressed} scaleFeedbackTargetProps={context.scaleFeedbackTargetProps} 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 [accessibilityProps, radioProps] = splitAccessibilityProps(remainingProps);
 	const interactionRootClassName = listItem().interactionRoot;
-	return <RadioGroupItem ref={ref} value={value} disabled={disabled} className={interactionRootClassName}>
+	return <RadioGroupItem ref={ref} {...radioProps} value={value} disabled={disabled} className={interactionRootClassName}>
       <ListRadioItemSurface {...variantProps} className={className} style={style} {...accessibilityProps}>
         {children}
       </ListRadioItemSurface>
@@ -110,7 +124,7 @@ var ListRadioItem = React.forwardRef((props, ref) => {
 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")} />;
+	return <ListItemSurface {...props} disabled={context.disabled} pressed={context.pressed} scaleFeedbackTargetProps={context.scaleFeedbackTargetProps} 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;

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAExC,OAAO,KAAK,EAAE,SAAS,EAAY,MAAM,gBAAgB,CAAC;AAG1D,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AACjF,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAK9F,OAAO,KAAK,EACV,sBAAsB,EACtB,kBAAkB,EAClB,sBAAsB,EAIvB,MAAM,aAAa,CAAC;AAErB,OAAO,EAAoB,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACxE,OAAO,EAEL,KAAK,SAAS,IAAI,aAAa,EAGhC,MAAM,wBAAwB,CAAC;AAqBhC,KAAK,sBAAsB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,YAAY,GAAG,MAAM,CAAC,GAAG;IACrF,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,YAAY,CAAC;CAC1C,CAAC;AACF,KAAK,0BAA0B,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;AAS9F,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,iBAAiB,GAAG,WAAW,GAAG,SAAS,CAAC;AAE3F,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,oBAAoB,CAAC;IAC7B,KAAK,EAAE,SAAS,CAAC;CAClB;AAkGD,MAAM,WAAW,aAAc,SAAQ,sBAAsB,EAAE,sBAAsB;IACnF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,+EAuHnB,CAAC;AAKH,MAAM,WAAW,eAAgB,SAAQ,sBAAsB;CAAG;AAElE,eAAO,MAAM,UAAU,iFAgBrB,CAAC;AAKH,MAAM,WAAW,gBACf,SAAQ,sBAAsB,EAC5B,kBAAkB,EAClB,sBAAsB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,kFA4DtB,CAAC;AAKH,MAAM,WAAW,gBAAiB,SAAQ,sBAAsB;CAAG;AAEnE,eAAO,MAAM,WAAW,kFAuRtB,CAAC;AAKH,qGAAqG;AACrG,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB;CAAG;AAEtE,eAAO,MAAM,cAAc,qFAazB,CAAC;AAKH,MAAM,WAAW,cAAe,SAAQ,sBAAsB;CAAG;AAEjE,eAAO,MAAM,SAAS,gFAgBpB,CAAC;AAKH,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB,EAAE,sBAAsB;CAAG;AAE9F,eAAO,MAAM,cAAc,qFAkBzB,CAAC;AAKH,MAAM,WAAW,aACf,SAAQ,0BAA0B,EAChC,sBAAsB,EACtB,kBAAkB,EAClB,sBAAsB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,+EA8DnB,CAAC;AAKH,MAAM,WAAW,iBAAkB,SAAQ,sBAAsB;CAAG;AAEpE,eAAO,MAAM,YAAY,mFAYvB,CAAC;AAGH,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;CAAG;AAErE,eAAO,MAAM,aAAa,oFAYxB,CAAC;AAGH,MAAM,WAAW,wBAAyB,SAAQ,sBAAsB;CAAG;AAE3E,eAAO,MAAM,mBAAmB,0FAc/B,CAAC;AAGF,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,UAAU,IAAI,cAAc,EAAE,CAAC;AACtE,YAAY,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"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"}

package/lib/components/Menu/Menu.jsx

@@ -1,6 +1,8 @@
-import { useControllableState } from "../../hooks/useControllableState.js";
-import { usePressTap } from "../../hooks/usePressTap.js";
+import { useControllableState } from "../../packages/lynx-react-headless/use-controllable-state/lib/index.js";
+import { usePressTap } from "../../packages/lynx-react-headless/use-press-tap/lib/index.js";
+import { useScaleFeedback } from "../../hooks/useScaleFeedback.js";
 import { toArray } from "../../utils/children.js";
+import { mergeProps } from "../../utils/merge-props.js";
 import { IconSlotProvider } from "../Icon/Icon.jsx";
 import { computePosition } from "../private/Positioning.js";
 import * as React from "@lynx-js/react";
@@ -456,7 +458,7 @@ var MenuItem = React.forwardRef((props, ref) => {
 	const { children, className, bindtap, "main-thread:bindtap": mainThreadBindtap, "accessibility-element": accessibilityElement = true, "accessibility-label": accessibilityLabel, "accessibility-traits": accessibilityTraits, ...nativeProps } = otherProps;
 	const context = useMenuContext("MenuItem");
 	const disabled = context.disabled || disabledProp;
-	const { pressed, ...pressHandlers } = usePressTap({
+	const { pressed, bindtouchstart, bindtouchend, bindtouchcancel, ...pressHandlers } = usePressTap({
 		disabled,
 		onTap: React.useCallback((event, instance) => {
 			"background only";
@@ -468,6 +470,12 @@ var MenuItem = React.forwardRef((props, ref) => {
 		}, [bindtap, context]),
 		mainThreadOnTap: mainThreadBindtap
 	});
+	const { scaleFeedbackTriggerProps, scaleFeedbackTargetProps } = useScaleFeedback({
+		disabled,
+		onTouchStart: bindtouchstart,
+		onTouchEnd: bindtouchend,
+		onTouchCancel: bindtouchcancel
+	});
 	const classes = menuItem({
 		...variantProps,
 		size: context.size,
@@ -484,9 +492,11 @@ var MenuItem = React.forwardRef((props, ref) => {
 	}), [classes.prefixIcon, classes.suffixIcon]);
 	return <MenuItemClassNamesContext.Provider value={classes}>
       <IconSlotProvider value={iconSlots}>
-        <view {...ref ? { ref } : {}} className={clsx(classes.root, className)} accessibility-element={accessibilityElement} accessibility-label={accessibilityLabel} accessibility-role-description="button" accessibility-traits={disabled ? "disabled" : accessibilityTraits ?? "button"} {...nativeProps} {...pressHandlers}>
+        <view {...ref ? { ref } : {}} className={clsx(classes.root, className)} accessibility-element={accessibilityElement} accessibility-label={accessibilityLabel} accessibility-role-description="button" accessibility-traits={disabled ? "disabled" : accessibilityTraits ?? "button"} {...mergeProps(scaleFeedbackTriggerProps, pressHandlers, nativeProps)}>
           <view className={classes.pressedOverlay} accessibility-elements-hidden={true} />
-          {children}
+          <view className={classes.scaleContent} {...scaleFeedbackTargetProps}>
+            {children}
+          </view>
         </view>
       </IconSlotProvider>
     </MenuItemClassNamesContext.Provider>;

package/lib/components/PageBanner/PageBanner.d.ts

@@ -7,6 +7,9 @@ import * as React from "@lynx-js/react";
  * Differences from React Web:
  * - Uses Lynx native `<view>` and `bindtap` instead of `asChild` and DOM events.
  * - Does not provide a web focus ring.
+ * - Actionable banners group their children for Content Scale. Render CloseButton
+ *   directly under Root (or in a Fragment) to exclude it from that group.
+ *   A CloseButton hidden inside a custom component remains in the content group.
  */
 export interface PageBannerRootProps extends Omit<PageBannerVariantProps, "pressed" | "closeButtonPressed" | "interactive">, LynxStyledElementProps, LynxPressableProps, LynxAccessibilityProps {
     defaultOpen?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"PageBanner.d.ts","sourceRoot":"","sources":["../../../src/components/PageBanner/PageBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACpG,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAOxC,OAAO,KAAK,EACV,sBAAsB,EACtB,kBAAkB,EAClB,sBAAsB,EAIvB,MAAM,aAAa,CAAC;AA6BrB;;;;;;GAMG;AACH,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,SAAS,GAAG,oBAAoB,GAAG,aAAa,CAAC,EACpF,sBAAsB,EACtB,kBAAkB,EAClB,sBAAsB;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,qFAyFzB,CAAC;AAKH,MAAM,WAAW,sBAAuB,SAAQ,sBAAsB,EAAE,sBAAsB;CAAG;AAEjG,eAAO,MAAM,iBAAiB,wFAa5B,CAAC;AAKH,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB,EAAE,sBAAsB;CAAG;AAE9F,eAAO,MAAM,cAAc,qFAazB,CAAC;AAKH,MAAM,WAAW,oBAAqB,SAAQ,sBAAsB,EAAE,sBAAsB;CAAG;AAE/F,eAAO,MAAM,eAAe,sFAc1B,CAAC;AAKH,MAAM,WAAW,0BACf,SAAQ,sBAAsB,EAC5B,sBAAsB;CAAG;AAE7B,eAAO,MAAM,qBAAqB,4FAejC,CAAC;AAKF,MAAM,WAAW,qBACf,SAAQ,sBAAsB,EAC5B,kBAAkB,EAClB,sBAAsB;CAAG;AAE7B,eAAO,MAAM,gBAAgB,uFAwB3B,CAAC;AAKH,MAAM,WAAW,0BAEf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,EAC7C,kBAAkB,EAClB,sBAAsB;CAAG;AAE7B,eAAO,MAAM,qBAAqB,4FAmEjC,CAAC"}
+{"version":3,"file":"PageBanner.d.ts","sourceRoot":"","sources":["../../../src/components/PageBanner/PageBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACpG,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAOxC,OAAO,KAAK,EACV,sBAAsB,EACtB,kBAAkB,EAClB,sBAAsB,EAIvB,MAAM,aAAa,CAAC;AA6BrB;;;;;;;;;GASG;AACH,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,SAAS,GAAG,oBAAoB,GAAG,aAAa,CAAC,EACpF,sBAAsB,EACtB,kBAAkB,EAClB,sBAAsB;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,qFA4GzB,CAAC;AAKH,MAAM,WAAW,sBAAuB,SAAQ,sBAAsB,EAAE,sBAAsB;CAAG;AAEjG,eAAO,MAAM,iBAAiB,wFAa5B,CAAC;AAKH,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB,EAAE,sBAAsB;CAAG;AAE9F,eAAO,MAAM,cAAc,qFAazB,CAAC;AAKH,MAAM,WAAW,oBAAqB,SAAQ,sBAAsB,EAAE,sBAAsB;CAAG;AAE/F,eAAO,MAAM,eAAe,sFAc1B,CAAC;AAKH,MAAM,WAAW,0BACf,SAAQ,sBAAsB,EAC5B,sBAAsB;CAAG;AAE7B,eAAO,MAAM,qBAAqB,4FAejC,CAAC;AAKF,MAAM,WAAW,qBACf,SAAQ,sBAAsB,EAC5B,kBAAkB,EAClB,sBAAsB;CAAG;AAE7B,eAAO,MAAM,gBAAgB,uFA+B3B,CAAC;AAKH,MAAM,WAAW,0BAEf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,EAC7C,kBAAkB,EAClB,sBAAsB;CAAG;AAE7B,eAAO,MAAM,qBAAqB,4FAqEjC,CAAC"}

package/lib/components/PageBanner/PageBanner.jsx

@@ -1,10 +1,10 @@
-import { useControllableState } from "../../hooks/useControllableState.js";
-import { usePressTap } from "../../hooks/usePressTap.js";
+import { useControllableState } from "../../packages/lynx-react-headless/use-controllable-state/lib/index.js";
+import { usePressTap } from "../../packages/lynx-react-headless/use-press-tap/lib/index.js";
 import { useScaleFeedback } from "../../hooks/useScaleFeedback.js";
+import { toArray } from "../../utils/children.js";
 import { mergeProps } from "../../utils/merge-props.js";
 import { createSlotRecipeContext } from "../../utils/create-slot-recipe-context.jsx";
 import { IconSlotProvider } from "../Icon/Icon.jsx";
-import { ScaleFeedback } from "../ScaleFeedback/ScaleFeedback.jsx";
 import * as React from "@lynx-js/react";
 import clsx from "clsx";
 import { useMemoizedFn } from "@lynx-js/lynx-ui-common";
@@ -31,6 +31,15 @@ var PageBannerRoot = React.forwardRef((props, ref) => {
 		onTap: bindtap,
 		mainThreadOnTap: mainThreadBindtap
 	});
+	const { scaleFeedbackTriggerProps, scaleFeedbackTargetProps } = useScaleFeedback({
+		disabled: !isInteractive,
+		onTouchStart: pressTap.bindtouchstart,
+		onTouchEnd: pressTap.bindtouchend,
+		onTouchCancel: pressTap.bindtouchcancel
+	});
+	const childArray = flattenPageBannerChildren(children);
+	const closeButtons = childArray.filter(isPageBannerCloseButton);
+	const scaleChildren = childArray.filter((child) => !isPageBannerCloseButton(child));
 	const classNames = pageBanner({
 		...variantProps,
 		pressed: pressTap.pressed,
@@ -64,8 +73,13 @@ var PageBannerRoot = React.forwardRef((props, ref) => {
       <ClassNamesProvider value={classNames}>
         <PropsProvider value={variantProps}>
           <IconSlotProvider value={iconSlotContextValue}>
-            <view {...mergeProps(ref ? { ref } : {}, isInteractive ? pressTap : {}, nativeProps)} accessibility-element={accessibilityElement ?? (isInteractive ? true : void 0)} accessibility-traits={accessibilityTraits ?? (isInteractive ? "button" : void 0)} className={clsx(classNames.root, className)} style={style}>
-              {children}
+            <view {...mergeProps(ref ? { ref } : {}, isInteractive ? pressTap : {}, isInteractive ? scaleFeedbackTriggerProps : {}, nativeProps)} accessibility-element={accessibilityElement ?? (isInteractive ? true : void 0)} accessibility-traits={accessibilityTraits ?? (isInteractive ? "button" : void 0)} className={clsx(classNames.root, className)} style={style}>
+              {isInteractive ? <>
+                  <view {...scaleFeedbackTargetProps} className={classNames.scaleContent}>
+                    {scaleChildren}
+                  </view>
+                  {closeButtons}
+                </> : children}
             </view>
           </IconSlotProvider>
         </PropsProvider>
@@ -109,11 +123,10 @@ PageBannerDescription.displayName = "PageBannerDescription";
 var PageBannerButton = React.forwardRef((props, ref) => {
 	const { children, className, style, "accessibility-element": accessibilityElement = true, "accessibility-traits": accessibilityTraits = "button", ...nativeProps } = props;
 	const classNames = useClassNames();
-	return <ScaleFeedback>
-      <text {...mergeProps(ref ? { ref } : {}, nativeProps)} accessibility-element={accessibilityElement} accessibility-traits={accessibilityTraits} className={clsx(classNames.button, className)} style={style}>
-        {children}
-      </text>
-    </ScaleFeedback>;
+	const { scaleFeedbackTriggerProps, scaleFeedbackTargetProps } = useScaleFeedback();
+	return <text {...independentActionProps(mergeProps(ref ? { ref } : {}, scaleFeedbackTriggerProps, scaleFeedbackTargetProps, nativeProps))} accessibility-element={accessibilityElement} accessibility-traits={accessibilityTraits} className={clsx(classNames.button, className)} style={style} flatten={false}>
+      {children}
+    </text>;
 });
 PageBannerButton.displayName = "PageBannerButton";
 var PageBannerCloseButton = React.forwardRef((props, ref) => {
@@ -151,11 +164,36 @@ var PageBannerCloseButton = React.forwardRef((props, ref) => {
 	]);
 	if (process.env.NODE_ENV !== "production" && accessibilityElement && !accessibilityLabel) console.warn("PageBannerCloseButton requires `accessibility-label` for accessibility.");
 	return <IconSlotProvider value={iconSlotContextValue}>
-        <view {...mergeProps(ref ? { ref } : {}, pressTapHandlers, scaleFeedbackTriggerProps, scaleFeedbackTargetProps, nativeProps)} accessibility-element={accessibilityElement} accessibility-label={accessibilityLabel} accessibility-traits={accessibilityTraits} className={clsx(classNames.closeButton, className)} style={style} flatten={false}>
+        <view {...independentActionProps(mergeProps(ref ? { ref } : {}, pressTapHandlers, scaleFeedbackTriggerProps, scaleFeedbackTargetProps, nativeProps))} accessibility-element={accessibilityElement} accessibility-label={accessibilityLabel} accessibility-traits={accessibilityTraits} className={clsx(classNames.closeButton, className)} style={style} flatten={false}>
           {children}
         </view>
       </IconSlotProvider>;
 });
 PageBannerCloseButton.displayName = "PageBannerCloseButton";
+function isPageBannerCloseButton(node) {
+	return React.isValidElement(node) && node.type === PageBannerCloseButton;
+}
+function flattenPageBannerChildren(children) {
+	return toArray(children).flatMap((child) => React.isValidElement(child) && child.type === React.Fragment ? flattenPageBannerChildren(child.props.children) : [child]);
+}
+function independentActionProps(props) {
+	const result = { ...props };
+	for (const event of [
+		"tap",
+		"touchstart",
+		"touchend",
+		"touchcancel"
+	]) {
+		const bind = `bind${event}`;
+		const catchKey = `catch${event}`;
+		const mainBind = `main-thread:${bind}`;
+		const mainCatch = `main-thread:${catchKey}`;
+		const caught = mergeProps({ [catchKey]: result[bind] ?? (() => {}) }, { [catchKey]: result[catchKey] }, { [mainCatch]: result[mainBind] }, { [mainCatch]: result[mainCatch] });
+		delete result[bind];
+		delete result[mainBind];
+		Object.assign(result, caught);
+	}
+	return result;
+}
 //#endregion
 export { PageBannerBody, PageBannerButton, PageBannerCloseButton, PageBannerContent, PageBannerDescription, PageBannerRoot, PageBannerTitle };