@seed-design/lynx-react 0.6.3 → 0.7.0

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AACxC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAIhG,OAAO,KAAK,EACV,sBAAsB,EACtB,oBAAoB,EACpB,kBAAkB,EAClB,sBAAsB,EAIvB,MAAM,aAAa,CAAC;AAKrB;;;;;;;;GAQG;AAEH,KAAK,2BAA2B,GAAG,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;AA0ChG,MAAM,WAAW,kBAAmB,SAAQ,2BAA2B,EAAE,sBAAsB;IAC7F,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,oFA8DxB,CAAC;AAKH,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,oFAkCxB,CAAC;AAKH,MAAM,WAAW,oBAAqB,SAAQ,sBAAsB,EAAE,sBAAsB;CAAG;AAE/F,eAAO,MAAM,eAAe,sFAmB1B,CAAC;AAKH,MAAM,WAAW,qBACf,SAAQ,sBAAsB,EAC5B,sBAAsB,EACtB,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC;IACrC,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,2BAA2B,CAAC,EAAE,MAAM,CAAC;CACtC;AAED,eAAO,MAAM,gBAAgB,uFAoD3B,CAAC;AAKH,MAAM,WAAW,qBAAsB,SAAQ,sBAAsB,EAAE,sBAAsB;CAAG;AAYhG,eAAO,MAAM,gBAAgB,uFA6B3B,CAAC;AAKH,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;CAAG;AAErE,eAAO,MAAM,aAAa,oFAaxB,CAAC;AAKH,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB;CAAG;AAEtE,eAAO,MAAM,cAAc,qFAazB,CAAC;AAKH,MAAM,WAAW,yBAA0B,SAAQ,sBAAsB;CAAG;AAE5E,eAAO,MAAM,oBAAoB,2FAehC,CAAC;AAKF,MAAM,WAAW,oBAAqB,SAAQ,sBAAsB;CAAG;AAEvE,eAAO,MAAM,eAAe,sFAa1B,CAAC;AAKH,MAAM,WAAW,wBAAyB,SAAQ,sBAAsB;IACtE,IAAI,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAC;CAC3C;AAED,eAAO,MAAM,mBAAmB,0FAoC/B,CAAC"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AACxC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAKhG,OAAO,KAAK,EACV,sBAAsB,EACtB,oBAAoB,EACpB,kBAAkB,EAClB,sBAAsB,EAIvB,MAAM,aAAa,CAAC;AAMrB;;;;;;;;GAQG;AAEH,KAAK,2BAA2B,GAAG,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;AA0ChG,MAAM,WAAW,kBAAmB,SAAQ,2BAA2B,EAAE,sBAAsB;IAC7F,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,oFA6DxB,CAAC;AAKH,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,oFAiCxB,CAAC;AAKH,MAAM,WAAW,oBAAqB,SAAQ,sBAAsB,EAAE,sBAAsB;CAAG;AAE/F,eAAO,MAAM,eAAe,sFAkB1B,CAAC;AAKH,MAAM,WAAW,qBACf,SAAQ,sBAAsB,EAC5B,sBAAsB,EACtB,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC;IACrC,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,2BAA2B,CAAC,EAAE,MAAM,CAAC;CACtC;AAED,eAAO,MAAM,gBAAgB,uFA+D3B,CAAC;AAKH,MAAM,WAAW,qBAAsB,SAAQ,sBAAsB,EAAE,sBAAsB;CAAG;AAYhG,eAAO,MAAM,gBAAgB,uFA4B3B,CAAC;AAKH,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;CAAG;AAErE,eAAO,MAAM,aAAa,oFAYxB,CAAC;AAKH,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB;CAAG;AAEtE,eAAO,MAAM,cAAc,qFAYzB,CAAC;AAKH,MAAM,WAAW,yBAA0B,SAAQ,sBAAsB;CAAG;AAE5E,eAAO,MAAM,oBAAoB,2FAchC,CAAC;AAKF,MAAM,WAAW,oBAAqB,SAAQ,sBAAsB;CAAG;AAEvE,eAAO,MAAM,eAAe,sFAY1B,CAAC;AAKH,MAAM,WAAW,wBAAyB,SAAQ,sBAAsB;IACtE,IAAI,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAC;CAC3C;AAED,eAAO,MAAM,mBAAmB,0FAwC/B,CAAC"}

package/lib/components/Accordion/Accordion.jsx

@@ -1,6 +1,8 @@
 import { useControllableState } from "../../hooks/useControllableState.js";
 import { usePressTap } from "../../hooks/usePressTap.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 { InternalIcon } from "../Icon/Icon.jsx";
 import * as React from "@lynx-js/react";
@@ -60,7 +62,7 @@ var AccordionRoot = React.forwardRef((props, ref) => {
 	});
 	const items = toArray(children);
 	return <AccordionContext.Provider value={contextValue}>
-      <view {...ref ? { ref } : {}} className={clsx(classes.root, className)} {...nativeProps}>
+      <view {...mergeProps(ref ? { ref } : {}, nativeProps)} className={clsx(classes.root, className)}>
         {items.map((item, index) => <AccordionItemPositionContext.Provider key={React.isValidElement(item) ? item.key ?? index : index} value={{ isLast: index === items.length - 1 }}>
             {item}
           </AccordionItemPositionContext.Provider>)}
@@ -96,7 +98,7 @@ var AccordionItem = React.forwardRef((props, ref) => {
 	]);
 	return <AccordionItemContext.Provider value={contextValue}>
       <ClassNamesProvider value={classes}>
-        <view {...ref ? { ref } : {}} className={clsx(classes.item, className)} {...nativeProps}>
+        <view {...mergeProps(ref ? { ref } : {}, nativeProps)} className={clsx(classes.item, className)}>
           {children}
           {!isLast ? <view className={classes.divider} accessibility-elements-hidden={true} /> : null}
         </view>
@@ -107,7 +109,7 @@ AccordionItem.displayName = "AccordionItem";
 var AccordionHeader = React.forwardRef((props, ref) => {
 	const { children, className, "accessibility-heading": accessibilityHeading = true, ...nativeProps } = props;
 	const classes = useClassNames();
-	return <view {...ref ? { ref } : {}} className={clsx(classes.header, className)} accessibility-heading={accessibilityHeading} {...nativeProps}>
+	return <view {...mergeProps(ref ? { ref } : {}, nativeProps)} className={clsx(classes.header, className)} accessibility-heading={accessibilityHeading}>
       {children}
     </view>;
 });
@@ -119,10 +121,16 @@ var AccordionTrigger = React.forwardRef((props, ref) => {
 		context.toggle();
 		bindtap?.(event);
 	}, [bindtap, context]);
-	const { pressed, ...pressHandlers } = usePressTap({
+	const { pressed, bindtouchstart, bindtouchend, bindtouchcancel, ...pressHandlers } = usePressTap({
 		disabled: context.disabled,
 		onTap: handleTap
 	});
+	const { scaleFeedbackTriggerProps, scaleFeedbackTargetProps } = useScaleFeedback({
+		disabled: context.disabled,
+		onTouchStart: bindtouchstart,
+		onTouchEnd: bindtouchend,
+		onTouchCancel: bindtouchcancel
+	});
 	const classes = accordion({
 		...context.variantProps,
 		open: context.open,
@@ -130,9 +138,11 @@ var AccordionTrigger = React.forwardRef((props, ref) => {
 		pressed
 	});
 	return <ClassNamesProvider value={classes}>
-      <view {...ref ? { ref } : {}} className={clsx(classes.trigger, className)} accessibility-element={accessibilityElement} accessibility-role-description={accessibilityRoleDescription} accessibility-traits={accessibilityTraits ?? (context.disabled ? "disabled" : "button")} accessibility-value={accessibilityValue ?? (context.open ? expandedAccessibilityValue : collapsedAccessibilityValue)} {...pressHandlers} {...nativeProps}>
+      <view {...mergeProps(ref ? { ref } : {}, pressHandlers, scaleFeedbackTriggerProps, nativeProps)} className={clsx(classes.trigger, className)} accessibility-element={accessibilityElement} accessibility-role-description={accessibilityRoleDescription} accessibility-traits={accessibilityTraits ?? (context.disabled ? "disabled" : "button")} accessibility-value={accessibilityValue ?? (context.open ? expandedAccessibilityValue : collapsedAccessibilityValue)}>
         <view className={classes.pressedOverlay} accessibility-elements-hidden={true} />
-        {children}
+        <view className={classes.triggerContent} {...scaleFeedbackTargetProps}>
+          {children}
+        </view>
       </view>
     </ClassNamesProvider>;
 });
@@ -152,10 +162,10 @@ var AccordionContent = React.forwardRef((props, ref) => {
 		const height = getContentLayoutHeight(event);
 		if (height !== null) setContentHeight((current) => current === height ? current : height);
 	}, []);
-	return <view {...ref ? { ref } : {}} className={clsx(classes.content, className)} style={{
+	return <view {...mergeProps(ref ? { ref } : {}, nativeProps)} className={clsx(classes.content, className)} style={{
 		...style,
 		height: context.open ? `${contentHeight}px` : "0px"
-	}} accessibility-elements-hidden={!context.open || accessibilityElementsHidden} {...nativeProps}>
+	}} accessibility-elements-hidden={!context.open || accessibilityElementsHidden}>
       <view className={classes.contentInner} bindlayoutchange={handleContentLayoutChange}>
         {children}
       </view>
@@ -165,7 +175,7 @@ AccordionContent.displayName = "AccordionContent";
 var AccordionBody = React.forwardRef((props, ref) => {
 	const { children, className, ...nativeProps } = props;
 	const classes = useClassNames();
-	return <view {...ref ? { ref } : {}} className={clsx(classes.body, className)} {...nativeProps}>
+	return <view {...mergeProps(ref ? { ref } : {}, nativeProps)} className={clsx(classes.body, className)}>
       {children}
     </view>;
 });
@@ -173,7 +183,7 @@ AccordionBody.displayName = "AccordionBody";
 var AccordionTitle = React.forwardRef((props, ref) => {
 	const { children, className, ...nativeProps } = props;
 	const classes = useClassNames();
-	return <text {...ref ? { ref } : {}} className={clsx(classes.title, className)} {...nativeProps}>
+	return <text {...mergeProps(ref ? { ref } : {}, nativeProps)} className={clsx(classes.title, className)}>
       {children}
     </text>;
 });
@@ -181,7 +191,7 @@ AccordionTitle.displayName = "AccordionTitle";
 var AccordionDescription = React.forwardRef((props, ref) => {
 	const { children, className, ...nativeProps } = props;
 	const classes = useClassNames();
-	return <text {...ref ? { ref } : {}} className={clsx(classes.description, className)} {...nativeProps}>
+	return <text {...mergeProps(ref ? { ref } : {}, nativeProps)} className={clsx(classes.description, className)}>
         {children}
       </text>;
 });
@@ -189,7 +199,7 @@ AccordionDescription.displayName = "AccordionDescription";
 var AccordionPrefix = React.forwardRef((props, ref) => {
 	const { children, className, ...nativeProps } = props;
 	const classes = useClassNames();
-	return <view {...ref ? { ref } : {}} className={clsx(classes.prefix, className)} {...nativeProps}>
+	return <view {...mergeProps(ref ? { ref } : {}, nativeProps)} className={clsx(classes.prefix, className)}>
       {children}
     </view>;
 });
@@ -198,10 +208,10 @@ var AccordionSuffixIcon = React.forwardRef((props, ref) => {
 	const { icon, children, className, style, ...nativeProps } = props;
 	const context = useAccordionItemContext("AccordionSuffixIcon");
 	const mergedClassName = clsx(useClassNames().suffixIcon, className);
-	if (icon) return <view {...ref ? { ref } : {}} accessibility-elements-hidden={true} {...nativeProps}>
+	if (icon) return <view {...mergeProps({ "accessibility-elements-hidden": true }, ref ? { ref } : {}, nativeProps)}>
           <InternalIcon icon={icon} className={mergedClassName} style={style} deps={[context.open, context.disabled]} />
         </view>;
-	return <view {...ref ? { ref } : {}} className={mergedClassName} style={style} accessibility-elements-hidden={true} {...nativeProps}>
+	return <view {...mergeProps({ "accessibility-elements-hidden": true }, ref ? { ref } : {}, nativeProps)} className={mergedClassName} style={style}>
         {children}
       </view>;
 });

package/lib/components/ActionButton/ActionButton.d.ts

@@ -39,7 +39,7 @@ interface ActionButtonAccessibilityProps {
  * </ActionButton>
  * ```
  */
-export interface ActionButtonProps extends Omit<ActionButtonVariantProps, "pressed">, Pick<StyleProps, "flexGrow">, LynxElementProps, LynxPressableProps, ActionButtonAccessibilityProps {
+export interface ActionButtonProps extends Omit<ActionButtonVariantProps, "pressed">, Pick<StyleProps, "flexGrow">, Omit<LynxElementProps, "flatten">, LynxPressableProps, ActionButtonAccessibilityProps {
     icon?: IconProps["icon"];
     prefixIcon?: PrefixIconProps["icon"];
     suffixIcon?: SuffixIconProps["icon"];

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

@@ -1 +1 @@
-{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../../src/components/ActionButton/ActionButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6CAA6C,CAAC;AAI5F,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAIxC,OAAO,KAAK,EACV,gBAAgB,EAChB,kBAAkB,EAIlB,aAAa,EAEd,MAAM,aAAa,CAAC;AAIrB,OAAO,EAAoB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAMvE,OAAO,EAOL,KAAK,SAAS,EACd,KAAK,eAAe,EACpB,KAAK,eAAe,EACrB,MAAM,cAAc,CAAC;AAiBtB,UAAU,8BAA8B;IACtC,qBAAqB,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC7D,uBAAuB,CAAC,EAAE,aAAa,CAAC,uBAAuB,CAAC,CAAC;IACjE,sBAAsB,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;CAChE;AA0LD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,wBAAwB,EAAE,SAAS,CAAC,EAC/C,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,EAC5B,gBAAgB,EAChB,kBAAkB,EAClB,8BAA8B;IAChC,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACzB,UAAU,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACrC,UAAU,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CACtC;AAED,eAAO,MAAM,YAAY,mFA2EvB,CAAC"}
+{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../../src/components/ActionButton/ActionButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6CAA6C,CAAC;AAI5F,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAKxC,OAAO,KAAK,EACV,gBAAgB,EAChB,kBAAkB,EAIlB,aAAa,EAEd,MAAM,aAAa,CAAC;AAIrB,OAAO,EAAoB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAMvE,OAAO,EAOL,KAAK,SAAS,EACd,KAAK,eAAe,EACpB,KAAK,eAAe,EACrB,MAAM,cAAc,CAAC;AAkBtB,UAAU,8BAA8B;IACtC,qBAAqB,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC7D,uBAAuB,CAAC,EAAE,aAAa,CAAC,uBAAuB,CAAC,CAAC;IACjE,sBAAsB,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;CAChE;AA0LD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,wBAAwB,EAAE,SAAS,CAAC,EAC/C,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,EAE5B,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,EACjC,kBAAkB,EAClB,8BAA8B;IAChC,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACzB,UAAU,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACrC,UAAU,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CACtC;AAED,eAAO,MAAM,YAAY,mFAuFvB,CAAC"}

package/lib/components/ActionButton/ActionButton.jsx

@@ -1,5 +1,7 @@
 import { usePressTap } from "../../hooks/usePressTap.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 { resolveFlexValue } from "../../utils/styled.js";
 import { Icon, IconRequired, IconSlotProvider, PrefixIcon, SuffixIcon, getIconSlotName } from "../Icon/Icon.jsx";
@@ -63,7 +65,7 @@ var ActionButtonRoot = React.forwardRef((innerProps, ref) => {
 	return <ClassNamesProvider value={classNames}>
       <PropsProvider value={propsForContext}>
         <IconSlotProvider value={iconSlotContextValue}>
-          <view {...ref ? { ref } : {}} {...rest} className={clsx(classNames.root, userClassName)}>
+          <view {...mergeProps(ref ? { ref } : {}, rest)} className={clsx(classNames.root, userClassName)}>
             {children}
           </view>
         </IconSlotProvider>
@@ -74,7 +76,7 @@ ActionButtonRoot.displayName = "ActionButtonRoot";
 var ActionButtonTextSlot = React.forwardRef((props, ref) => {
 	const { children, className: userClassName, ...rest } = props;
 	const classNames = useClassNames();
-	return <text {...ref ? { ref } : {}} {...rest} className={clsx(classNames.text, userClassName)}>
+	return <text {...mergeProps(ref ? { ref } : {}, rest)} className={clsx(classNames.text, userClassName)}>
       {children}
     </text>;
 });
@@ -135,13 +137,19 @@ var ActionButton = React.forwardRef((props, ref) => {
 	const isIconOnly = layout === "iconOnly";
 	const size = variantAndRest.size;
 	if (process.env.NODE_ENV !== "production" && isIconOnly && accessibilityElement && !accessibilityLabel) console.warn("ActionButton: `layout=\"iconOnly\"` requires `accessibility-label` for accessibility.");
-	const { pressed, ...pressTapHandlers } = usePressTap({
+	const { pressed, bindtouchstart, bindtouchend, bindtouchcancel, ...pressTapHandlers } = usePressTap({
 		disabled: !isInteractive,
 		onTap: bindtap,
 		mainThreadOnTap: mainThreadBindtap
 	});
+	const { scaleFeedbackTriggerProps, scaleFeedbackTargetProps } = useScaleFeedback({
+		disabled: !isInteractive,
+		onTouchStart: bindtouchstart,
+		onTouchEnd: bindtouchend,
+		onTouchCancel: bindtouchcancel
+	});
 	return <IconRequired enabled={isIconOnly}>
-      <ActionButtonRoot {...variantAndRest} layout={layout} pressed={pressed} ref={ref} style={flexGrow != null ? { flexGrow: resolveFlexValue(flexGrow) } : void 0} accessibility-element={accessibilityElement} accessibility-label={accessibilityLabel} accessibility-traits={accessibilityTraits} {...pressTapHandlers}>
+      <ActionButtonRoot {...mergeProps({ ref }, scaleFeedbackTargetProps, scaleFeedbackTriggerProps, pressTapHandlers, variantAndRest)} layout={layout} pressed={pressed} style={flexGrow != null ? { flexGrow: resolveFlexValue(flexGrow) } : void 0} accessibility-element={accessibilityElement} accessibility-label={accessibilityLabel} accessibility-traits={accessibilityTraits} flatten={false}>
         {loading ? <>
             <ActionButtonLoadingIndicator size={size} />
             <ActionButtonLoadingContent isIconOnly={isIconOnly} icon={icon} prefixIcon={prefixIcon} suffixIcon={suffixIcon}>

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

@@ -1 +1 @@
-{"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../../src/components/AppBar/AppBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AACxF,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,4CAA4C,CAAC;AACpD,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAGxC,OAAO,KAAK,EACV,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,sBAAsB,EAEtB,aAAa,EAEd,MAAM,aAAa,CAAC;AAmCrB,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,EAAE,sBAAsB;CAAG;AAEtF,eAAO,MAAM,UAAU,iFA4BrB,CAAC;AAKH,MAAM,WAAW,eAAgB,SAAQ,sBAAsB;IAC7D,gBAAgB,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,UAAU,iFA0BrB,CAAC;AAGH,MAAM,WAAW,gBAAiB,SAAQ,sBAAsB;IAC9D,gBAAgB,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,WAAW,kFA0BtB,CAAC;AAKH,MAAM,WAAW,eAAgB,SAAQ,sBAAsB,EAAE,sBAAsB;CAAG;AAE1F,eAAO,MAAM,UAAU,iFAoCrB,CAAC;AAGH,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;CAAG;AAE7D,eAAO,MAAM,WAAW,kFAatB,CAAC;AAGH,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB;CAAG;AAEhE,eAAO,MAAM,cAAc,qFAazB,CAAC;AAKH,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB,EAAE,kBAAkB;IACjF,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC;IAChD,qBAAqB,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC7D,uBAAuB,CAAC,EAAE,aAAa,CAAC,uBAAuB,CAAC,CAAC;IACjE,sBAAsB,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;CAChE;AAED,eAAO,MAAM,gBAAgB,uFA4B3B,CAAC;AAGH,MAAM,WAAW,eAAgB,SAAQ,sBAAsB;CAAG;AAElE,eAAO,MAAM,UAAU,iFAarB,CAAC"}
+{"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../../src/components/AppBar/AppBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AACxF,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,4CAA4C,CAAC;AACpD,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAGxC,OAAO,KAAK,EACV,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,sBAAsB,EAEtB,aAAa,EAEd,MAAM,aAAa,CAAC;AAoCrB,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,EAAE,sBAAsB;CAAG;AAEtF,eAAO,MAAM,UAAU,iFA2BrB,CAAC;AAKH,MAAM,WAAW,eAAgB,SAAQ,sBAAsB;IAC7D,gBAAgB,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,UAAU,iFA4BrB,CAAC;AAGH,MAAM,WAAW,gBAAiB,SAAQ,sBAAsB;IAC9D,gBAAgB,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,WAAW,kFA4BtB,CAAC;AAKH,MAAM,WAAW,eAAgB,SAAQ,sBAAsB,EAAE,sBAAsB;CAAG;AAE1F,eAAO,MAAM,UAAU,iFAmCrB,CAAC;AAGH,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;CAAG;AAE7D,eAAO,MAAM,WAAW,kFAYtB,CAAC;AAGH,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB;CAAG;AAEhE,eAAO,MAAM,cAAc,qFAYzB,CAAC;AAKH,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB,EAAE,kBAAkB;IACjF,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC;IAChD,qBAAqB,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC7D,uBAAuB,CAAC,EAAE,aAAa,CAAC,uBAAuB,CAAC,CAAC;IACjE,sBAAsB,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;CAChE;AAED,eAAO,MAAM,gBAAgB,uFA2B3B,CAAC;AAGH,MAAM,WAAW,eAAgB,SAAQ,sBAAsB;CAAG;AAElE,eAAO,MAAM,UAAU,iFAYrB,CAAC"}

package/lib/components/AppBar/AppBar.jsx

@@ -1,3 +1,4 @@
+import { mergeProps } from "../../utils/merge-props.js";
 import { createSlotRecipeContext } from "../../utils/create-slot-recipe-context.jsx";
 import { Icon } from "../Icon/Icon.jsx";
 import { AppBarProvider, useAppBarContext } from "./context.js";
@@ -30,7 +31,7 @@ var AppBarRoot = React.forwardRef((props, ref) => {
 	const classNames = appBar(resolvedVariantProps);
 	return <AppBarProvider value={contextValue}>
       <AppBarClassNamesProvider value={classNames}>
-        <view {...ref ? { ref } : {}} {...nativeProps} className={clsx(classNames.root, className)} style={{
+        <view {...mergeProps(ref ? { ref } : {}, nativeProps)} className={clsx(classNames.root, className)} style={{
 		"--seed-safe-area-top": contextValue.safeAreaInsetTop,
 		"--centered-title-padding-x": contextValue.centeredTitlePaddingX,
 		...rootLayoutStyle,
@@ -52,7 +53,7 @@ var AppBarLeft = React.forwardRef((props, ref) => {
 		const width = getLayoutWidth(args[0]);
 		if (width != null) setLeftWidth(width);
 	}, [bindlayoutchange, setLeftWidth]);
-	return <view {...ref ? { ref } : {}} {...nativeProps} bindlayoutchange={handleLayoutChange} className={clsx(classNames.left, className)}>
+	return <view {...mergeProps({ bindlayoutchange: handleLayoutChange }, ref ? { ref } : {}, nativeProps)} className={clsx(classNames.left, className)}>
       {children}
     </view>;
 });
@@ -66,7 +67,7 @@ var AppBarRight = React.forwardRef((props, ref) => {
 		const width = getLayoutWidth(args[0]);
 		if (width != null) setRightWidth(width);
 	}, [bindlayoutchange, setRightWidth]);
-	return <view {...ref ? { ref } : {}} {...nativeProps} bindlayoutchange={handleLayoutChange} className={clsx(classNames.right, className)}>
+	return <view {...mergeProps({ bindlayoutchange: handleLayoutChange }, ref ? { ref } : {}, nativeProps)} className={clsx(classNames.right, className)}>
       {children}
     </view>;
 });
@@ -85,7 +86,7 @@ var AppBarMain = React.forwardRef((props, ref) => {
 		paddingRight: centeredTitlePaddingX
 	} : void 0;
 	return <AppBarMainClassNamesProvider value={classNames}>
-      <view {...ref ? { ref } : {}} {...nativeProps} className={clsx(classNames.root, className)} style={{
+      <view {...mergeProps(ref ? { ref } : {}, nativeProps)} className={clsx(classNames.root, className)} style={{
 		...centeredTitleStyle,
 		...getMainLayoutStyle(resolvedTheme, safeAreaInsetTop),
 		...style
@@ -98,7 +99,7 @@ AppBarMain.displayName = "AppBarMain";
 var AppBarTitle = React.forwardRef((props, ref) => {
 	const { children, className, ...nativeProps } = props;
 	const classNames = useAppBarMainClassNames("AppBarTitle");
-	return <text {...ref ? { ref } : {}} {...nativeProps} className={clsx(classNames.title, className)}>
+	return <text {...mergeProps(ref ? { ref } : {}, nativeProps)} className={clsx(classNames.title, className)}>
       {children}
     </text>;
 });
@@ -106,7 +107,7 @@ AppBarTitle.displayName = "AppBarTitle";
 var AppBarSubtitle = React.forwardRef((props, ref) => {
 	const { children, className, ...nativeProps } = props;
 	const classNames = useAppBarMainClassNames("AppBarSubtitle");
-	return <text {...ref ? { ref } : {}} {...nativeProps} className={clsx(classNames.subtitle, className)}>
+	return <text {...mergeProps(ref ? { ref } : {}, nativeProps)} className={clsx(classNames.subtitle, className)}>
       {children}
     </text>;
 });
@@ -115,7 +116,7 @@ var AppBarIconButton = React.forwardRef((props, ref) => {
 	const { children, className, icon, "accessibility-element": accessibilityElement = true, "accessibility-label": accessibilityLabel, "accessibility-traits": accessibilityTraits = "button", ...nativeProps } = props;
 	const classNames = useAppBarClassNames("AppBarIconButton");
 	if (process.env.NODE_ENV !== "production" && accessibilityElement && !accessibilityLabel) console.warn("AppBarIconButton requires `accessibility-label` for accessibility.");
-	return <view {...ref ? { ref } : {}} {...nativeProps} accessibility-element={accessibilityElement} accessibility-label={accessibilityLabel} accessibility-traits={accessibilityTraits} className={clsx(classNames.iconButton, className)}>
+	return <view {...mergeProps(ref ? { ref } : {}, nativeProps)} accessibility-element={accessibilityElement} accessibility-label={accessibilityLabel} accessibility-traits={accessibilityTraits} className={clsx(classNames.iconButton, className)}>
       {icon ? <Icon className={classNames.icon} icon={icon} /> : children}
     </view>;
 });
@@ -123,7 +124,7 @@ AppBarIconButton.displayName = "AppBarIconButton";
 var AppBarSlot = React.forwardRef((props, ref) => {
 	const { children, className, ...nativeProps } = props;
 	const classNames = useAppBarClassNames("AppBarSlot");
-	return <view {...ref ? { ref } : {}} {...nativeProps} className={clsx(classNames.custom, className)}>
+	return <view {...mergeProps(ref ? { ref } : {}, nativeProps)} className={clsx(classNames.custom, className)}>
       {children}
     </view>;
 });

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAEpF,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAExC,OAAO,KAAK,EAAE,sBAAsB,EAAe,MAAM,aAAa,CAAC;AAEvE;;;;;;GAMG;AACH,MAAM,WAAW,UAAW,SAAQ,iBAAiB,EAAE,sBAAsB;CAAG;AAEhF,eAAO,MAAM,KAAK,4EAchB,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAEpF,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAExC,OAAO,KAAK,EAAE,sBAAsB,EAAe,MAAM,aAAa,CAAC;AAGvE;;;;;;GAMG;AACH,MAAM,WAAW,UAAW,SAAQ,iBAAiB,EAAE,sBAAsB;CAAG;AAEhF,eAAO,MAAM,KAAK,4EAahB,CAAC"}

package/lib/components/Badge/Badge.jsx

@@ -1,3 +1,4 @@
+import { mergeProps } from "../../utils/merge-props.js";
 import * as React from "@lynx-js/react";
 import clsx from "clsx";
 import { badge } from "@seed-design/lynx-css/recipes/badge";
@@ -6,7 +7,7 @@ var Badge = React.forwardRef((props, ref) => {
 	const [variantProps, otherProps] = badge.splitVariantProps(props);
 	const classes = badge(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/BottomSheet/BottomSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAML,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,YAAY,EAEjB,KAAK,cAAc,EACpB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAOL,KAAK,yBAAyB,EAC9B,KAAK,eAAe,EACpB,KAAK,YAAY,EAEjB,KAAK,aAAa,EACnB,MAAM,gBAAgB,CAAC;AAIxB,OAAO,KAAK,EACV,kBAAkB,EAClB,sBAAsB,EAGvB,MAAM,aAAa,CAAC;AAIrB,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,yBAAyB,CAC5D,eAAe,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CACtC,CAAC;AAmEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC;AAE9C,MAAM,WAAW,oBACf,SAAQ,uBAAuB,EAC7B,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,aAAa,GAAG,cAAc,CAAC;IAC/D;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,EAAE,uBAAuB,CAAC,YAAY,EAAE,oBAAoB,CAsDpF,CAAC;AAOL,MAAM,WAAW,uBACf,SAAQ,sBAAsB,EAC5B,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC;CAAG;AAE1C,eAAO,MAAM,kBAAkB,EAAE,uBAAuB,CAAC,OAAO,EAAE,uBAAuB,CA6BrF,CAAC;AAOL,MAAM,WAAW,0BAA2B,SAAQ,cAAc;CAAG;AAErE;;;;;;;;;GASG;AACH,eAAO,MAAM,qBAAqB,EAAE,uBAAuB,CAAC,OAAO,EAAE,0BAA0B,CACpB,CAAC;AAY5E,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;CAAG;AAEvE,eAAO,MAAM,mBAAmB,EAAE,uBAAuB,CAAC,OAAO,EAAE,wBAAwB,CAChB,CAAC;AAG5E,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;CAAG;AAErE,eAAO,MAAM,kBAAkB,EAAE,uBAAuB,CAAC,OAAO,EAAE,uBAAuB,CAuCrF,CAAC;AAOL,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB;CAAG;AAEnE;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,YAAY,CAW7E;yBAXe,iBAAiB;;;AAwBjC,MAAM,WAAW,oBAAqB,SAAQ,sBAAsB;CAAG;AA0CvE,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB;CAAG;AACvE,eAAO,MAAM,iBAAiB,wDAA2B,CAAC;AAG1D,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;CAAG;AACrE,eAAO,MAAM,eAAe,EAAE,uBAAuB,CAAC,OAAO,EAAE,oBAAoB,CAiBjF,CAAC;AAGH,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB;CAAG;AACvE,eAAO,MAAM,iBAAiB,wDAA2B,CAAC;AAG1D,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;CAAG;AACtE,eAAO,MAAM,gBAAgB,wDAA0B,CAAC;AAGxD,MAAM,WAAW,2BAA4B,SAAQ,oBAAoB;CAAG;AAC5E,eAAO,MAAM,sBAAsB,wDAAgC,CAAC"}
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAML,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,YAAY,EAEjB,KAAK,cAAc,EACpB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAML,KAAK,yBAAyB,EAC9B,KAAK,eAAe,EACpB,KAAK,YAAY,EAEjB,KAAK,aAAa,EACnB,MAAM,gBAAgB,CAAC;AAIxB,OAAO,KAAK,EACV,kBAAkB,EAClB,sBAAsB,EAGvB,MAAM,aAAa,CAAC;AAKrB,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,yBAAyB,CAC5D,eAAe,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CACtC,CAAC;AAmEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC;AAE9C,MAAM,WAAW,oBACf,SAAQ,uBAAuB,EAC7B,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,aAAa,GAAG,cAAc,CAAC;IAC/D;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,EAAE,uBAAuB,CAAC,YAAY,EAAE,oBAAoB,CA6CpF,CAAC;AAOL,MAAM,WAAW,uBACf,SAAQ,sBAAsB,EAC5B,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC;CAAG;AAE1C,eAAO,MAAM,kBAAkB,EAAE,uBAAuB,CAAC,OAAO,EAAE,uBAAuB,CA+BrF,CAAC;AAOL,MAAM,WAAW,0BAA2B,SAAQ,cAAc;CAAG;AAErE;;;;;;;;;GASG;AACH,eAAO,MAAM,qBAAqB,EAAE,uBAAuB,CAAC,OAAO,EAAE,0BAA0B,CACpB,CAAC;AAY5E,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;CAAG;AAEvE,eAAO,MAAM,mBAAmB,EAAE,uBAAuB,CAAC,OAAO,EAAE,wBAAwB,CAChB,CAAC;AAG5E,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;CAAG;AAErE,eAAO,MAAM,kBAAkB,EAAE,uBAAuB,CAAC,OAAO,EAAE,uBAAuB,CAsCrF,CAAC;AAOL,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB;CAAG;AAEnE;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,YAAY,CAW7E;yBAXe,iBAAiB;;;AAwBjC,MAAM,WAAW,oBAAqB,SAAQ,sBAAsB;CAAG;AA0CvE,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB;CAAG;AACvE,eAAO,MAAM,iBAAiB,wDAA2B,CAAC;AAG1D,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;CAAG;AACrE,eAAO,MAAM,eAAe,EAAE,uBAAuB,CAAC,OAAO,EAAE,oBAAoB,CAiBjF,CAAC;AAGH,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB;CAAG;AACvE,eAAO,MAAM,iBAAiB,wDAA2B,CAAC;AAG1D,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;CAAG;AACtE,eAAO,MAAM,gBAAgB,wDAA0B,CAAC;AAGxD,MAAM,WAAW,2BAA4B,SAAQ,oBAAoB;CAAG;AAC5E,eAAO,MAAM,sBAAsB,wDAAgC,CAAC"}

package/lib/components/BottomSheet/BottomSheet.jsx

@@ -1,6 +1,7 @@
+import { mergeProps } from "../../utils/merge-props.js";
 import { createSlotRecipeContext } from "../../utils/create-slot-recipe-context.jsx";
 import { useSafeArea } from "../../hooks/useSafeArea.js";
-import { createContext, forwardRef, useCallback, useContext, useMemo, useRef } from "@lynx-js/react";
+import { createContext, forwardRef, useContext, useMemo, useRef } from "@lynx-js/react";
 import clsx from "clsx";
 import { bottomSheet } from "@seed-design/lynx-css/recipes/bottom-sheet";
 import { bottomSheetHandle } from "@seed-design/lynx-css/recipes/bottom-sheet-handle";
@@ -47,11 +48,7 @@ var BottomSheetRoot = forwardRef((props, forwardedRef) => {
 	const { open, defaultOpen, onOpenChange, snapPoints, children, ...nativeProps } = restProps;
 	const { headerAlign, skipAnimation } = variantProps;
 	const internalRef = useRef(null);
-	const mergedRef = useCallback((value) => {
-		internalRef.current = value;
-		if (typeof forwardedRef === "function") forwardedRef(value);
-		else if (forwardedRef) forwardedRef.current = value;
-	}, [forwardedRef]);
+	const mergedRef = useMemo(() => mergeProps({ ref: internalRef }, { ref: forwardedRef }).ref, [forwardedRef]);
 	const classNames = useMemo(() => bottomSheet(variantProps), [headerAlign, skipAnimation]);
 	const shouldSkipAnimation = skipAnimation === true;
 	const context = useMemo(() => ({
@@ -60,7 +57,10 @@ var BottomSheetRoot = forwardRef((props, forwardedRef) => {
 	}), [shouldSkipAnimation]);
 	return <BottomSheetContext.Provider value={context}>
         <ClassNamesProvider value={classNames}>
-          <SheetRoot ref={mergedRef} show={open} defaultShow={defaultOpen} onShowChange={onOpenChange} snapPoints={snapPoints ?? DEFAULT_SNAP_POINTS} {...nativeProps}>
+          <SheetRoot {...mergeProps({
+		ref: mergedRef,
+		onShowChange: onOpenChange
+	}, nativeProps)} show={open} defaultShow={defaultOpen} snapPoints={snapPoints ?? DEFAULT_SNAP_POINTS}>
             {children}
           </SheetRoot>
         </ClassNamesProvider>
@@ -75,7 +75,7 @@ var BottomSheetTrigger = forwardRef((props, ref) => {
 		else rootRef.current?.open();
 		userBindtap?.(event, instance);
 	} };
-	return <view {...ref ? { ref } : {}} {...handlers} className={className} style={style}>
+	return <view {...mergeProps(ref ? { ref } : {}, handlers)} className={className} style={style}>
         {children}
       </view>;
 });
@@ -100,7 +100,7 @@ var BottomSheetContent = forwardRef((props, ref) => {
 	const { options } = useBottomSheetContext();
 	const { safeAreaInsetBottom } = useSafeArea();
 	const defaultAnimation = options.skipAnimation ? SKIP_ANIMATION_TRANSITION : void 0;
-	return <SheetContent {...ref ? { ref } : {}} {...restProps} className={clsx(classNames.content, className)} style={{
+	return <SheetContent {...mergeProps(ref ? { ref } : {}, restProps)} className={clsx(classNames.content, className)} style={{
 		left: "auto",
 		...style
 	}} innerStyle={{

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

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAExC,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAe,MAAM,aAAa,CAAC;AAC3F,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEpE;;;;;;;;;GASG;AACH,MAAM,WAAW,QAAS,SAAQ,UAAU,EAAE,sBAAsB,EAAE,kBAAkB;IACtF,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,GAAG,0EAcd,CAAC"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAExC,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAe,MAAM,aAAa,CAAC;AAC3F,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGpE;;;;;;;;;GASG;AACH,MAAM,WAAW,QAAS,SAAQ,UAAU,EAAE,sBAAsB,EAAE,kBAAkB;IACtF,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,GAAG,0EAad,CAAC"}

package/lib/components/Box/Box.jsx

@@ -1,3 +1,4 @@
+import { mergeProps } from "../../utils/merge-props.js";
 import { useStyleProps } from "../../utils/styled.js";
 import * as React from "@lynx-js/react";
 import clsx from "clsx";
@@ -5,7 +6,7 @@ import clsx from "clsx";
 var Box = React.forwardRef((props, ref) => {
 	const { style, restProps } = useStyleProps(props);
 	const { children, className, ...nativeProps } = restProps;
-	return <view {...ref ? { ref } : {}} {...nativeProps} className={clsx(className)} style={style}>
+	return <view {...mergeProps(ref ? { ref } : {}, nativeProps)} className={clsx(className)} style={style}>
       {children}
     </view>;
 });

package/lib/components/Callout/Callout.d.ts

@@ -8,7 +8,7 @@ import * as React from "@lynx-js/react";
  * - `asChild`와 DOM 이벤트 대신 Lynx native `<view>`와 `bindtap`을 사용합니다.
  * - 웹 focus ring은 지원하지 않습니다.
  */
-export interface CalloutRootProps extends Omit<CalloutVariantProps, "pressed">, LynxStyledElementProps, LynxPressableProps, LynxAccessibilityProps {
+export interface CalloutRootProps extends Omit<CalloutVariantProps, "pressed" | "interactive">, LynxStyledElementProps, LynxPressableProps, LynxAccessibilityProps {
     defaultOpen?: boolean;
     open?: boolean;
     onDismiss?: () => void;
@@ -26,7 +26,7 @@ export declare const CalloutDescription: React.ForwardRefExoticComponent<Callout
 export interface CalloutLinkProps extends LynxStyledElementProps, LynxPressableProps, LynxAccessibilityProps {
 }
 export declare const CalloutLink: React.ForwardRefExoticComponent<CalloutLinkProps & React.RefAttributes<unknown>>;
-export interface CalloutCloseButtonProps extends LynxStyledElementProps, LynxPressableProps, LynxAccessibilityProps {
+export interface CalloutCloseButtonProps extends Omit<LynxStyledElementProps, "flatten">, LynxPressableProps, LynxAccessibilityProps {
 }
 export declare const CalloutCloseButton: React.ForwardRefExoticComponent<CalloutCloseButtonProps & React.RefAttributes<unknown>>;
 //# sourceMappingURL=Callout.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAC1F,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAMxC,OAAO,KAAK,EACV,sBAAsB,EACtB,kBAAkB,EAClB,sBAAsB,EAIvB,MAAM,aAAa,CAAC;AA0BrB;;;;;;GAMG;AACH,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC,EAC1C,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,WAAW,kFAiEtB,CAAC;AAKH,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB,EAAE,sBAAsB;CAAG;AAE9F,eAAO,MAAM,cAAc,qFAczB,CAAC;AAKH,MAAM,WAAW,iBAAkB,SAAQ,sBAAsB,EAAE,sBAAsB;CAAG;AAE5F,eAAO,MAAM,YAAY,mFAevB,CAAC;AAKH,MAAM,WAAW,uBAAwB,SAAQ,sBAAsB,EAAE,sBAAsB;CAAG;AAElG,eAAO,MAAM,kBAAkB,yFAiB9B,CAAC;AAKF,MAAM,WAAW,gBACf,SAAQ,sBAAsB,EAC5B,kBAAkB,EAClB,sBAAsB;CAAG;AAE7B,eAAO,MAAM,WAAW,kFAuBtB,CAAC;AAKH,MAAM,WAAW,uBACf,SAAQ,sBAAsB,EAC5B,kBAAkB,EAClB,sBAAsB;CAAG;AAE7B,eAAO,MAAM,kBAAkB,yFAsC9B,CAAC"}
+{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAC1F,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAOxC,OAAO,KAAK,EACV,sBAAsB,EACtB,kBAAkB,EAClB,sBAAsB,EAIvB,MAAM,aAAa,CAAC;AA2BrB;;;;;;GAMG;AACH,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,aAAa,CAAC,EAC1D,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,WAAW,kFA6EtB,CAAC;AAKH,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB,EAAE,sBAAsB;CAAG;AAE9F,eAAO,MAAM,cAAc,qFAazB,CAAC;AAKH,MAAM,WAAW,iBAAkB,SAAQ,sBAAsB,EAAE,sBAAsB;CAAG;AAE5F,eAAO,MAAM,YAAY,mFAcvB,CAAC;AAKH,MAAM,WAAW,uBAAwB,SAAQ,sBAAsB,EAAE,sBAAsB;CAAG;AAElG,eAAO,MAAM,kBAAkB,yFAgB9B,CAAC;AAKF,MAAM,WAAW,gBACf,SAAQ,sBAAsB,EAC5B,kBAAkB,EAClB,sBAAsB;CAAG;AAE7B,eAAO,MAAM,WAAW,kFAsBtB,CAAC;AAKH,MAAM,WAAW,uBAEf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,EAC7C,kBAAkB,EAClB,sBAAsB;CAAG;AAE7B,eAAO,MAAM,kBAAkB,yFA4C9B,CAAC"}

package/lib/components/Callout/Callout.jsx

@@ -1,5 +1,7 @@
 import { useControllableState } from "../../hooks/useControllableState.js";
 import { usePressTap } from "../../hooks/usePressTap.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 * as React from "@lynx-js/react";
@@ -22,14 +24,21 @@ var CalloutRoot = React.forwardRef((props, ref) => {
 		defaultValue: defaultOpen
 	});
 	const isInteractive = bindtap != null || mainThreadBindtap != null;
-	const pressTap = usePressTap({
+	const { pressed, bindtouchstart, bindtouchend, bindtouchcancel, ...pressTapHandlers } = usePressTap({
 		disabled: !isInteractive,
 		onTap: bindtap,
 		mainThreadOnTap: mainThreadBindtap
 	});
+	const { scaleFeedbackTriggerProps, scaleFeedbackTargetProps } = useScaleFeedback({
+		disabled: !isInteractive,
+		onTouchStart: bindtouchstart,
+		onTouchEnd: bindtouchend,
+		onTouchCancel: bindtouchcancel
+	});
 	const classNames = callout({
 		...variantProps,
-		pressed: pressTap.pressed
+		pressed,
+		interactive: isInteractive
 	});
 	const dismiss = useMemoizedFn(() => {
 		if (!open) return;
@@ -42,18 +51,18 @@ var CalloutRoot = React.forwardRef((props, ref) => {
 			prefixIcon: classNames.prefixIcon,
 			suffixIcon: classNames.suffixIcon
 		},
-		deps: [variantProps.tone ?? "neutral", pressTap.pressed]
+		deps: [variantProps.tone ?? "neutral", pressed]
 	}), [
 		classNames.prefixIcon,
 		classNames.suffixIcon,
-		pressTap.pressed,
+		pressed,
 		variantProps.tone
 	]);
 	if (!open) return null;
 	return <CalloutContext.Provider value={contextValue}>
       <ClassNamesProvider value={classNames}>
         <IconSlotProvider value={iconSlotContextValue}>
-          <view {...ref ? { ref } : {}} {...nativeProps} {...isInteractive ? pressTap : {}} accessibility-element={accessibilityElement ?? (isInteractive ? true : void 0)} accessibility-traits={accessibilityTraits ?? (isInteractive ? "button" : void 0)} className={clsx(classNames.root, className)} style={style}>
+          <view {...mergeProps(ref ? { ref } : {}, isInteractive ? pressTapHandlers : {}, isInteractive ? scaleFeedbackTargetProps : {}, 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 ? { flatten: false } : {}}>
             {children}
           </view>
         </IconSlotProvider>
@@ -64,7 +73,7 @@ CalloutRoot.displayName = "CalloutRoot";
 var CalloutContent = React.forwardRef((props, ref) => {
 	const { children, className, style, ...nativeProps } = props;
 	const classNames = useClassNames();
-	return <text {...ref ? { ref } : {}} {...nativeProps} className={clsx(classNames.content, className)} style={style}>
+	return <text {...mergeProps(ref ? { ref } : {}, nativeProps)} className={clsx(classNames.content, className)} style={style}>
       {children}
     </text>;
 });
@@ -72,7 +81,7 @@ CalloutContent.displayName = "CalloutContent";
 var CalloutTitle = React.forwardRef((props, ref) => {
 	const { children, className, style, ...nativeProps } = props;
 	const classNames = useClassNames();
-	return <text {...ref ? { ref } : {}} {...nativeProps} className={clsx(classNames.title, className)} style={style}>
+	return <text {...mergeProps(ref ? { ref } : {}, nativeProps)} className={clsx(classNames.title, className)} style={style}>
       {children}
       {"  "}
     </text>;
@@ -81,7 +90,7 @@ CalloutTitle.displayName = "CalloutTitle";
 var CalloutDescription = React.forwardRef((props, ref) => {
 	const { children, className, style, ...nativeProps } = props;
 	const classNames = useClassNames();
-	return <text {...ref ? { ref } : {}} {...nativeProps} className={clsx(classNames.description, className)} style={style}>
+	return <text {...mergeProps(ref ? { ref } : {}, nativeProps)} className={clsx(classNames.description, className)} style={style}>
         {children}
         {"  "}
       </text>;
@@ -90,7 +99,7 @@ CalloutDescription.displayName = "CalloutDescription";
 var CalloutLink = React.forwardRef((props, ref) => {
 	const { children, className, style, "accessibility-element": accessibilityElement = true, "accessibility-traits": accessibilityTraits = "link", ...nativeProps } = props;
 	const classNames = useClassNames();
-	return <text {...ref ? { ref } : {}} {...nativeProps} accessibility-element={accessibilityElement} accessibility-traits={accessibilityTraits} className={clsx(classNames.link, className)} style={style}>
+	return <text {...mergeProps(ref ? { ref } : {}, nativeProps)} accessibility-element={accessibilityElement} accessibility-traits={accessibilityTraits} className={clsx(classNames.link, className)} style={style}>
       {children}
     </text>;
 });
@@ -103,8 +112,9 @@ var CalloutCloseButton = React.forwardRef((props, ref) => {
 		bindtap?.(event);
 		dismiss();
 	});
+	const { scaleFeedbackTriggerProps, scaleFeedbackTargetProps } = useScaleFeedback();
 	if (process.env.NODE_ENV !== "production" && accessibilityElement && !accessibilityLabel) console.warn("CalloutCloseButton requires `accessibility-label` for accessibility.");
-	return <view {...ref ? { ref } : {}} {...nativeProps} bindtap={handleTap} accessibility-element={accessibilityElement} accessibility-label={accessibilityLabel} accessibility-traits={accessibilityTraits} className={clsx(classNames.closeButton, className)} style={style}>
+	return <view {...mergeProps({ bindtap: handleTap }, ref ? { ref } : {}, scaleFeedbackTargetProps, scaleFeedbackTriggerProps, nativeProps)} accessibility-element={accessibilityElement} accessibility-label={accessibilityLabel} accessibility-traits={accessibilityTraits} className={clsx(classNames.closeButton, className)} style={style} flatten={false}>
         {children}
       </view>;
 });

package/lib/components/Checkbox/Checkbox.d.ts

@@ -1,7 +1,8 @@
 import { ReactElement } from '@lynx-js/react';
 import { CheckboxVariantProps } from '@seed-design/lynx-css/recipes/checkbox';
 import { CheckmarkVariantProps } from '@seed-design/lynx-css/recipes/checkmark';
-import { LynxIconElementProps, LynxStyledElementProps } from '../../types';
+import { ScaleFeedbackTargetProps } from '../../hooks/useScaleFeedback';
+import { LynxAccessibilityProps, LynxIconElementProps, LynxStyledElementProps } from '../../types';
 import * as React from "@lynx-js/react";
 /**
  * @platform Lynx
@@ -26,9 +27,10 @@ interface CheckboxContextValue {
     checkboxVariantProps: CheckboxVariantProps;
     checkmarkVariantProps: CheckmarkVariantProps;
     toggle: () => void;
+    scaleFeedbackTargetProps: ScaleFeedbackTargetProps;
 }
 export declare function useCheckboxContext(consumer: string): CheckboxContextValue;
-export interface CheckboxRootProps extends CheckboxVariantProps, Omit<CheckmarkVariantProps, "size" | "checked" | "disabled" | "indeterminate">, LynxStyledElementProps {
+export interface CheckboxRootProps extends CheckboxVariantProps, Omit<CheckmarkVariantProps, "size" | "checked" | "disabled" | "indeterminate">, LynxStyledElementProps, LynxAccessibilityProps {
     checked?: boolean;
     defaultChecked?: boolean;
     indeterminate?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAInE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAEnF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAKrF,OAAO,KAAK,EACV,oBAAoB,EACpB,sBAAsB,EAGvB,MAAM,aAAa,CAAC;AAIrB;;;;;;;;;;;;GAYG;AAEH,UAAU,oBAAoB;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,uBAAuB,EAAE,OAAO,CAAC;IACjC,oBAAoB,EAAE,oBAAoB,CAAC;IAC3C,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAID,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,MAAM,GAAG,oBAAoB,CAMzE;AAmBD,MAAM,WAAW,iBACf,SAAQ,oBAAoB,EAC1B,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,eAAe,CAAC,EAC9E,sBAAsB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,YAAY,mFAyEvB,CAAC;AAKH,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC,EAC9D,sBAAsB;CAAG;AAE7B,eAAO,MAAM,eAAe,sFAgD1B,CAAC;AAKH,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,WAAW,GAAG,OAAO,CAAC;IAC3D,sEAAsE;IACtE,SAAS,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAC;IAC/C,mEAAmE;IACnE,OAAO,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAC;IAC5C,+CAA+C;IAC/C,aAAa,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAC;CACpD;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,4BAwC9D;yBAxCe,iBAAiB;;;AA6CjC,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;CAAG;AAErE,eAAO,MAAM,aAAa,oFAiBxB,CAAC;AAKH,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;CAAG;AAErE,eAAO,MAAM,aAAa,oFAaxB,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAInE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAEnF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAMrF,OAAO,EAAoB,KAAK,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAC/F,OAAO,KAAK,EACV,sBAAsB,EACtB,oBAAoB,EACpB,sBAAsB,EAGvB,MAAM,aAAa,CAAC;AAKrB;;;;;;;;;;;;GAYG;AAEH,UAAU,oBAAoB;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,uBAAuB,EAAE,OAAO,CAAC;IACjC,oBAAoB,EAAE,oBAAoB,CAAC;IAC3C,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,wBAAwB,EAAE,wBAAwB,CAAC;CACpD;AAID,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,MAAM,GAAG,oBAAoB,CAMzE;AAmBD,MAAM,WAAW,iBACf,SAAQ,oBAAoB,EAC1B,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,eAAe,CAAC,EAC9E,sBAAsB,EACtB,sBAAsB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,YAAY,mFA2FvB,CAAC;AAKH,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC,EAC9D,sBAAsB;CAAG;AAE7B,eAAO,MAAM,eAAe,sFAyD1B,CAAC;AAKH,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,WAAW,GAAG,OAAO,CAAC;IAC3D,sEAAsE;IACtE,SAAS,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAC;IAC/C,mEAAmE;IACnE,OAAO,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAC;IAC5C,+CAA+C;IAC/C,aAAa,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAC;CACpD;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,4BAwC9D;yBAxCe,iBAAiB;;;AA6CjC,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;CAAG;AAErE,eAAO,MAAM,aAAa,oFAgBxB,CAAC;AAKH,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;CAAG;AAErE,eAAO,MAAM,aAAa,oFAYxB,CAAC"}