@seed-design/lynx-react 0.2.0-alpha.2 → 0.2.0-alpha.3

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

@@ -6,6 +6,7 @@ type IconElementProps = {
     className?: string;
     style?: React.CSSProperties;
     ref?: React.Ref<MainThread.Element>;
+    "main-thread:binduiappear"?: () => void;
 };
 /**
  * @platform Lynx

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;AAE5F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAyC,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAsBjF,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;CACrC,CAAC;AAuLF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,wBAAwB,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC7F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACjC,IAAI,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAC5C,UAAU,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,YAAY,mFA4DvB,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;AAE5F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAyC,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAsBjF,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;CACzC,CAAC;AAuLF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,wBAAwB,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC7F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACjC,IAAI,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAC5C,UAAU,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,YAAY,mFA4DvB,CAAC"}

package/lib/components/ActionButton/ActionButton.jsx

@@ -3,8 +3,8 @@ import { actionButton as actionButtonVars } from "@seed-design/lynx-css/vars/com
 import clsx from "clsx";
 import * as React from "react";
 import { cloneElement, isValidElement, useMemo } from "react";
-import { useIconColor } from "../../hooks/use-icon-color";
-import { usePressTap } from "../../hooks/use-press-tap";
+import { useIconColor } from "../../hooks/useIconColor";
+import { usePressTap } from "../../hooks/usePressTap";
 import { createSlotRecipeContext } from "../../utils/create-slot-recipe-context";
 import { capitalize, resolveRecipeToken } from "../../utils/resolve-recipe-token";
 import { ProgressCircleRange, ProgressCircleRoot, } from "../ProgressCircle";
@@ -74,7 +74,7 @@ function resolveIconSize(variantProps, slot) {
 function ActionButtonIconSlot({ icon, slot, }) {
     const classNames = useClassNames();
     const variantProps = useProps();
-    const { ref } = useIconColor([
+    const iconColor = useIconColor([
         variantProps?.variant ?? null,
         variantProps?.disabled ?? false,
         variantProps?.loading ?? false,
@@ -82,9 +82,9 @@ function ActionButtonIconSlot({ icon, slot, }) {
     const sizeVar = resolveIconSize(variantProps, slot);
     const childProps = icon.props;
     return cloneElement(icon, {
+        ...iconColor,
         className: clsx(classNames[slot], childProps.className),
         style: sizeVar != null ? { width: sizeVar, height: sizeVar, ...childProps.style } : childProps.style,
-        ref: ref,
     });
 }
 function ActionButtonContent({ children, isIconOnly, icon, prefixIcon, suffixIcon, }) {

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

@@ -22,6 +22,7 @@ type IconElementProps = {
     className?: string;
     style?: CSSProperties;
     ref?: React.Ref<MainThread.Element>;
+    "main-thread:binduiappear"?: () => void;
 };
 export interface CheckboxIndicatorProps {
     /** Icon rendered when neither checked nor indeterminate. Optional. */

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,OAAO,CAAC;AAC/B,OAAO,EAAgC,KAAK,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAEnF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AA8DrF,MAAM,WAAW,iBACf,SAAQ,oBAAoB,EAC1B,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,eAAe,CAAC;IAChF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,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,mFAgDvB,CAAC;AAKH,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IAChE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,sFAiC1B,CAAC;AAKH,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;CACrC,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACrC,sEAAsE;IACtE,SAAS,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAC3C,mEAAmE;IACnE,OAAO,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACxC,+CAA+C;IAC/C,aAAa,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,0FA8C9D;yBA9Ce,iBAAiB;;;AAmDjC,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,oFAcxB,CAAC;AAKH,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,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,OAAO,CAAC;AAC/B,OAAO,EAAgC,KAAK,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAEnF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AA8DrF,MAAM,WAAW,iBACf,SAAQ,oBAAoB,EAC1B,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,eAAe,CAAC;IAChF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,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,mFAgDvB,CAAC;AAKH,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IAChE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,sFAiC1B,CAAC;AAKH,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;CACzC,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACrC,sEAAsE;IACtE,SAAS,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAC3C,mEAAmE;IACnE,OAAO,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACxC,+CAA+C;IAC/C,aAAa,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,0FA8C9D;yBA9Ce,iBAAiB;;;AAmDjC,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,oFAcxB,CAAC;AAKH,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,oFAaxB,CAAC"}

package/lib/components/Checkbox/Checkbox.jsx

@@ -5,9 +5,9 @@ import { checkbox } from "@seed-design/lynx-css/recipes/checkbox";
 import { checkmark } from "@seed-design/lynx-css/recipes/checkmark";
 import { checkboxGroup } from "@seed-design/lynx-css/recipes/checkbox-group";
 import { vars as checkmarkVars } from "@seed-design/lynx-css/vars/component/checkmark";
-import { useControllableState } from "../../hooks/use-controllable-state";
-import { useIconColor } from "../../hooks/use-icon-color";
-import { usePressTap } from "../../hooks/use-press-tap";
+import { useControllableState } from "../../hooks/useControllableState";
+import { useIconColor } from "../../hooks/useIconColor";
+import { usePressTap } from "../../hooks/usePressTap";
 import { capitalize, resolveRecipeToken } from "../../utils/resolve-recipe-token";
 import { splitMultipleVariantsProps } from "../../utils/split-multiple-variants-props";
 const CheckboxContext = React.createContext(null);
@@ -70,7 +70,7 @@ export function CheckboxIndicator(props) {
     const { unchecked, checked: checkedIcon, indeterminate: indeterminateIcon, className, style, } = props;
     const { checked, indeterminate, disabled, pressed, tone, variant, size } = useCheckboxContext("CheckboxIndicator");
     const iconClassName = useCheckmarkIconClass("CheckboxIndicator");
-    const { ref: tintRef } = useIconColor([
+    const iconColor = useIconColor([
         checked,
         indeterminate,
         disabled,
@@ -94,11 +94,11 @@ export function CheckboxIndicator(props) {
         "size",
     ]);
     return cloneElement(icon, {
+        ...iconColor,
         className: clsx(iconClassName, icon.props.className, className),
         style: iconSize
             ? { width: iconSize, height: iconSize, ...icon.props.style, ...style }
             : { ...icon.props.style, ...style },
-        ref: tintRef,
     });
 }
 CheckboxIndicator.displayName = "CheckboxIndicator";

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

@@ -28,6 +28,7 @@ type IconElementProps = {
     className?: string;
     style?: CSSProperties;
     ref?: React.Ref<MainThread.Element>;
+    "main-thread:binduiappear"?: () => void;
 };
 export interface RadioGroupItemIndicatorProps {
     /** Icon rendered when not checked. Optional — falls back to default `<view>` dot when omitted. */

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgC,KAAK,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGjD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAE7E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AA6ErF,MAAM,WAAW,mBACf,SAAQ,iBAAiB,EACvB,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,cAAc,qFAsDzB,CAAC;AAKH,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,qFAsDzB,CAAC;AAKH,MAAM,WAAW,0BAA2B,SAAQ,IAAI,CAAC,qBAAqB,EAAE,MAAM,CAAC;IACrF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,4FA+BjC,CAAC;AAKF,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;CACrC,CAAC;AAEF,MAAM,WAAW,4BAA4B;IAC3C,kGAAkG;IAClG,SAAS,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAC3C,0GAA0G;IAC1G,OAAO,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,qBAgC1E;yBAhCe,uBAAuB;;;AAqCvC,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,0FAiB/B,CAAC"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgC,KAAK,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGjD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAE7E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AA6ErF,MAAM,WAAW,mBACf,SAAQ,iBAAiB,EACvB,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,cAAc,qFAsDzB,CAAC;AAKH,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,qFAsDzB,CAAC;AAKH,MAAM,WAAW,0BAA2B,SAAQ,IAAI,CAAC,qBAAqB,EAAE,MAAM,CAAC;IACrF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,4FA+BjC,CAAC;AAKF,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;CACzC,CAAC;AAEF,MAAM,WAAW,4BAA4B;IAC3C,kGAAkG;IAClG,SAAS,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAC3C,0GAA0G;IAC1G,OAAO,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,qBAgC1E;yBAhCe,uBAAuB;;;AAqCvC,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,0FAiB/B,CAAC"}

package/lib/components/RadioGroup/RadioGroup.jsx

@@ -5,9 +5,9 @@ import { radio } from "@seed-design/lynx-css/recipes/radio";
 import { radiomark } from "@seed-design/lynx-css/recipes/radiomark";
 import { radioGroup } from "@seed-design/lynx-css/recipes/radio-group";
 import { vars as radiomarkVars } from "@seed-design/lynx-css/vars/component/radiomark";
-import { useControllableState } from "../../hooks/use-controllable-state";
-import { useIconColor } from "../../hooks/use-icon-color";
-import { usePressTap } from "../../hooks/use-press-tap";
+import { useControllableState } from "../../hooks/useControllableState";
+import { useIconColor } from "../../hooks/useIconColor";
+import { usePressTap } from "../../hooks/usePressTap";
 import { capitalize, resolveRecipeToken } from "../../utils/resolve-recipe-token";
 import { splitMultipleVariantsProps } from "../../utils/split-multiple-variants-props";
 const RadioGroupContext = React.createContext(null);
@@ -107,7 +107,7 @@ export function RadioGroupItemIndicator(props) {
     const { unchecked, checked: checkedIcon, className, style } = props;
     const { checked, disabled, pressed, tone, size } = useRadioGroupItemContext("RadioGroupItemIndicator");
     const iconClassName = useRadiomarkIconClass("RadioGroupItemIndicator");
-    const { ref: tintRef } = useIconColor([checked, disabled, pressed, tone, size]);
+    const iconColor = useIconColor([checked, disabled, pressed, tone, size]);
     const icon = checked ? checkedIcon : unchecked;
     // 사용자가 custom icon 을 주지 않으면 default `<view>` 로 동그란 점을 그린다.
     // radiomark.icon recipe 가 borderRadius/backgroundColor/width/height 를 적용해
@@ -124,11 +124,11 @@ export function RadioGroupItemIndicator(props) {
         "size",
     ]);
     return cloneElement(icon, {
+        ...iconColor,
         className: clsx(iconClassName, icon.props.className, className),
         style: iconSize
             ? { width: iconSize, height: iconSize, ...icon.props.style, ...style }
             : { ...icon.props.style, ...style },
-        ref: tintRef,
     });
 }
 RadioGroupItemIndicator.displayName = "RadioGroupItemIndicator";

package/lib/components/Switch/Switch.jsx

@@ -3,8 +3,8 @@ import clsx from "clsx";
 import { switchStyle } from "@seed-design/lynx-css/recipes/switch";
 import { switchmark } from "@seed-design/lynx-css/recipes/switchmark";
 import { splitMultipleVariantsProps } from "../../utils/split-multiple-variants-props";
-import { useControllableState } from "../../hooks/use-controllable-state";
-import { usePressTap } from "../../hooks/use-press-tap";
+import { useControllableState } from "../../hooks/useControllableState";
+import { usePressTap } from "../../hooks/usePressTap";
 const SwitchContext = React.createContext(null);
 function useSwitchContext(consumer) {
     const ctx = React.useContext(SwitchContext);

package/lib/hooks/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./use-controllable-state";
-export * from "./use-icon-color";
-export * from "./use-press-tap";
+export * from "./useControllableState";
+export * from "./useIconColor";
+export * from "./usePressTap";
 //# sourceMappingURL=index.d.ts.map

package/lib/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC"}

package/lib/hooks/index.js

@@ -1,3 +1,3 @@
-export * from "./use-controllable-state";
-export * from "./use-icon-color";
-export * from "./use-press-tap";
+export * from "./useControllableState";
+export * from "./useIconColor";
+export * from "./usePressTap";

package/lib/hooks/{use-controllable-state.d.ts → useControllableState.d.ts}

@@ -12,4 +12,4 @@ export interface UseControllableStateProps<T> {
  * - `onChange` fires in both modes.
  */
 export declare function useControllableState<T>(props: UseControllableStateProps<T>): [T, (value: T) => void];
-//# sourceMappingURL=use-controllable-state.d.ts.map
+//# sourceMappingURL=useControllableState.d.ts.map

package/lib/hooks/useControllableState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControllableState.d.ts","sourceRoot":"","sources":["../../src/hooks/useControllableState.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,yBAAyB,CAAC,CAAC;IAC1C,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,YAAY,EAAE,CAAC,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC/B;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EACpC,KAAK,EAAE,yBAAyB,CAAC,CAAC,CAAC,GAClC,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,CAkBzB"}

package/lib/hooks/{use-icon-color.d.ts → useIconColor.d.ts}

@@ -5,11 +5,12 @@ import type { DependencyList, RefObject } from "react";
  * `tint-color` attribute 로 mirror. `deps` 가 바뀌면 재동기화.
  *
  * ```tsx
- * const { ref } = useIconColor([variant, disabled, loading]);
- * return cloneElement(iconChild, { ref });
+ * const iconColorProps = useIconColor([variant, disabled, loading]);
+ * return cloneElement(iconChild, iconColorProps);
  * ```
  */
 export declare function useIconColor(deps: DependencyList): {
     ref: RefObject<MainThread.Element>;
+    "main-thread:binduiappear": () => void;
 };
-//# sourceMappingURL=use-icon-color.d.ts.map
+//# sourceMappingURL=useIconColor.d.ts.map

package/lib/hooks/useIconColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIconColor.d.ts","sourceRoot":"","sources":["../../src/hooks/useIconColor.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA4BvD;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,cAAc,GAAG;IAClD,GAAG,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IACnC,0BAA0B,EAAE,MAAM,IAAI,CAAC;CACxC,CAcA"}

package/lib/hooks/{use-icon-color.js → useIconColor.js}

@@ -1,7 +1,7 @@
 import { runOnMainThread, useEffect, useMainThreadRef } from "@lynx-js/react";
-// Lynx `<image>` 의 `tint-color` attribute 는 concrete color(hex/rgb) 만 받는다. CSS
-// `color: var(--seed-color-...)` 를 slot 에 걸면 `getComputedStyleProperty("color")` 가
-// resolved hex 를 돌려주므로 main-thread 에서 한번 읽어 `tint-color` 로 mirror 한다.
+// Lynx `<image>` 의 `tint-color` attribute 에 CSS variable 문자열을 직접 넣는 경로는
+// 안정적으로 동작하지 않는다. CSS `color` 는 computed style 로 resolved color 를 읽을 수
+// 있으므로 main-thread 에서 한 번 읽어 `tint-color` 로 mirror 한다.
 function syncTintColor(ref) {
     "main thread";
     const el = ref.current;
@@ -23,15 +23,19 @@ function syncTintColor(ref) {
  * `tint-color` attribute 로 mirror. `deps` 가 바뀌면 재동기화.
  *
  * ```tsx
- * const { ref } = useIconColor([variant, disabled, loading]);
- * return cloneElement(iconChild, { ref });
+ * const iconColorProps = useIconColor([variant, disabled, loading]);
+ * return cloneElement(iconChild, iconColorProps);
  * ```
  */
 export function useIconColor(deps) {
     const ref = useMainThreadRef(null);
+    function syncOnUiAppear() {
+        "main thread";
+        syncTintColor(ref);
+    }
     // deps 는 caller 가 책임.
     useEffect(() => {
         runOnMainThread(syncTintColor)(ref);
     }, deps);
-    return { ref };
+    return { ref, "main-thread:binduiappear": syncOnUiAppear };
 }

package/lib/hooks/{use-press-tap.d.ts → usePressTap.d.ts}

@@ -21,4 +21,4 @@ export interface UsePressTapReturn {
  * - `main-thread:bindtap` is conditionally included (only when enabled and provided).
  */
 export declare function usePressTap(options?: UsePressTapOptions): UsePressTapReturn;
-//# sourceMappingURL=use-press-tap.d.ts.map
+//# sourceMappingURL=usePressTap.d.ts.map

package/lib/hooks/usePressTap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePressTap.d.ts","sourceRoot":"","sources":["../../src/hooks/usePressTap.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGjD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACjC,cAAc,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,eAAe,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACpC;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,OAAO,GAAE,kBAAuB,GAAG,iBAAiB,CA0B/E"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seed-design/lynx-react",
-  "version": "0.2.0-alpha.2",
+  "version": "0.2.0-alpha.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/daangn/seed-design.git",
@@ -48,7 +48,6 @@
   "dependencies": {
     "@lynx-js/lynx-ui-sheet": "^3.130.1",
     "@lynx-js/lynx-ui-common": "^3.130.0",
-    "@seed-design/lynx-primitive": "workspace:*",
     "clsx": "^2.1.1"
   }
 }

package/src/components/ActionButton/ActionButton.tsx

@@ -6,8 +6,8 @@ import clsx from "clsx";
 import * as React from "react";
 import { cloneElement, isValidElement, useMemo, type ReactElement } from "react";
 
-import { useIconColor } from "../../hooks/use-icon-color";
-import { usePressTap, type UsePressTapReturn } from "../../hooks/use-press-tap";
+import { useIconColor } from "../../hooks/useIconColor";
+import { usePressTap, type UsePressTapReturn } from "../../hooks/usePressTap";
 import { createSlotRecipeContext } from "../../utils/create-slot-recipe-context";
 import { capitalize, resolveRecipeToken } from "../../utils/resolve-recipe-token";
 import {
@@ -30,6 +30,7 @@ type IconElementProps = {
   className?: string;
   style?: React.CSSProperties;
   ref?: React.Ref<MainThread.Element>;
+  "main-thread:binduiappear"?: () => void;
 };
 
 type ActionButtonContentProps = {
@@ -150,7 +151,7 @@ function ActionButtonIconSlot({
 }) {
   const classNames = useClassNames();
   const variantProps = useProps() as ActionButtonVariantProps | null;
-  const { ref } = useIconColor([
+  const iconColor = useIconColor([
     variantProps?.variant ?? null,
     variantProps?.disabled ?? false,
     variantProps?.loading ?? false,
@@ -158,10 +159,10 @@ function ActionButtonIconSlot({
   const sizeVar = resolveIconSize(variantProps, slot);
   const childProps = icon.props;
   return cloneElement(icon, {
+    ...iconColor,
     className: clsx(classNames[slot], childProps.className),
     style:
       sizeVar != null ? { width: sizeVar, height: sizeVar, ...childProps.style } : childProps.style,
-    ref: ref as React.Ref<MainThread.Element>,
   });
 }
 

package/src/components/Checkbox/Checkbox.tsx

@@ -10,9 +10,9 @@ import type { CheckmarkVariantProps } from "@seed-design/lynx-css/recipes/checkm
 import { checkboxGroup } from "@seed-design/lynx-css/recipes/checkbox-group";
 import { vars as checkmarkVars } from "@seed-design/lynx-css/vars/component/checkmark";
 
-import { useControllableState } from "../../hooks/use-controllable-state";
-import { useIconColor } from "../../hooks/use-icon-color";
-import { usePressTap } from "../../hooks/use-press-tap";
+import { useControllableState } from "../../hooks/useControllableState";
+import { useIconColor } from "../../hooks/useIconColor";
+import { usePressTap } from "../../hooks/usePressTap";
 import { capitalize, resolveRecipeToken } from "../../utils/resolve-recipe-token";
 import { splitMultipleVariantsProps } from "../../utils/split-multiple-variants-props";
 
@@ -181,6 +181,7 @@ type IconElementProps = {
   className?: string;
   style?: CSSProperties;
   ref?: React.Ref<MainThread.Element>;
+  "main-thread:binduiappear"?: () => void;
 };
 
 export interface CheckboxIndicatorProps {
@@ -205,7 +206,7 @@ export function CheckboxIndicator(props: CheckboxIndicatorProps) {
   const { checked, indeterminate, disabled, pressed, tone, variant, size } =
     useCheckboxContext("CheckboxIndicator");
   const iconClassName = useCheckmarkIconClass("CheckboxIndicator");
-  const { ref: tintRef } = useIconColor([
+  const iconColor = useIconColor([
     checked,
     indeterminate,
     disabled,
@@ -234,11 +235,11 @@ export function CheckboxIndicator(props: CheckboxIndicatorProps) {
   ]);
 
   return cloneElement(icon, {
+    ...iconColor,
     className: clsx(iconClassName, icon.props.className, className),
     style: iconSize
       ? { width: iconSize, height: iconSize, ...icon.props.style, ...style }
       : { ...icon.props.style, ...style },
-    ref: tintRef,
   });
 }
 CheckboxIndicator.displayName = "CheckboxIndicator";

package/src/components/RadioGroup/RadioGroup.tsx

@@ -10,9 +10,9 @@ import type { RadiomarkVariantProps } from "@seed-design/lynx-css/recipes/radiom
 import { radioGroup } from "@seed-design/lynx-css/recipes/radio-group";
 import { vars as radiomarkVars } from "@seed-design/lynx-css/vars/component/radiomark";
 
-import { useControllableState } from "../../hooks/use-controllable-state";
-import { useIconColor } from "../../hooks/use-icon-color";
-import { usePressTap } from "../../hooks/use-press-tap";
+import { useControllableState } from "../../hooks/useControllableState";
+import { useIconColor } from "../../hooks/useIconColor";
+import { usePressTap } from "../../hooks/usePressTap";
 import { capitalize, resolveRecipeToken } from "../../utils/resolve-recipe-token";
 import { splitMultipleVariantsProps } from "../../utils/split-multiple-variants-props";
 
@@ -264,6 +264,7 @@ type IconElementProps = {
   className?: string;
   style?: CSSProperties;
   ref?: React.Ref<MainThread.Element>;
+  "main-thread:binduiappear"?: () => void;
 };
 
 export interface RadioGroupItemIndicatorProps {
@@ -280,7 +281,7 @@ export function RadioGroupItemIndicator(props: RadioGroupItemIndicatorProps) {
   const { checked, disabled, pressed, tone, size } =
     useRadioGroupItemContext("RadioGroupItemIndicator");
   const iconClassName = useRadiomarkIconClass("RadioGroupItemIndicator");
-  const { ref: tintRef } = useIconColor([checked, disabled, pressed, tone, size]);
+  const iconColor = useIconColor([checked, disabled, pressed, tone, size]);
 
   const icon = checked ? checkedIcon : unchecked;
 
@@ -301,11 +302,11 @@ export function RadioGroupItemIndicator(props: RadioGroupItemIndicatorProps) {
   ]);
 
   return cloneElement(icon, {
+    ...iconColor,
     className: clsx(iconClassName, icon.props.className, className),
     style: iconSize
       ? { width: iconSize, height: iconSize, ...icon.props.style, ...style }
       : { ...icon.props.style, ...style },
-    ref: tintRef,
   });
 }
 RadioGroupItemIndicator.displayName = "RadioGroupItemIndicator";

package/src/components/Switch/Switch.tsx

@@ -7,8 +7,8 @@ import { switchmark } from "@seed-design/lynx-css/recipes/switchmark";
 import type { SwitchmarkVariantProps } from "@seed-design/lynx-css/recipes/switchmark";
 
 import { splitMultipleVariantsProps } from "../../utils/split-multiple-variants-props";
-import { useControllableState } from "../../hooks/use-controllable-state";
-import { usePressTap } from "../../hooks/use-press-tap";
+import { useControllableState } from "../../hooks/useControllableState";
+import { usePressTap } from "../../hooks/usePressTap";
 
 /**
  * @platform Lynx

package/src/hooks/__tests__/{use-controllable-state.test.ts → useControllableState.test.ts}

@@ -1,6 +1,6 @@
 import { act, renderHook } from "@lynx-js/react/testing-library";
 import { describe, expect, it, vi } from "vitest";
-import { useControllableState } from "../use-controllable-state";
+import { useControllableState } from "../useControllableState";
 
 describe("useControllableState", () => {
   describe("uncontrolled mode", () => {

package/src/hooks/__tests__/useIconColor.test.ts

@@ -0,0 +1,13 @@
+import { renderHook } from "@lynx-js/react/testing-library";
+import { describe, expect, it } from "vitest";
+
+import { useIconColor } from "../useIconColor";
+
+describe("useIconColor", () => {
+  it("returns icon tint sync props", () => {
+    const { result } = renderHook(() => useIconColor([]));
+
+    expect(result.current).toHaveProperty("ref");
+    expect(result.current["main-thread:binduiappear"]).toBeDefined();
+  });
+});

package/src/hooks/__tests__/{use-press-tap.test.ts → usePressTap.test.ts}

@@ -1,6 +1,6 @@
 import { act, renderHook } from "@lynx-js/react/testing-library";
 import { describe, expect, it, vi } from "vitest";
-import { usePressTap } from "../use-press-tap";
+import { usePressTap } from "../usePressTap";
 
 const fakeEvent = {} as Parameters<ReturnType<typeof usePressTap>["bindtap"]>[0];
 

package/src/hooks/index.ts

@@ -1,3 +1,3 @@
-export * from "./use-controllable-state";
-export * from "./use-icon-color";
-export * from "./use-press-tap";
+export * from "./useControllableState";
+export * from "./useIconColor";
+export * from "./usePressTap";

package/src/hooks/{use-icon-color.ts → useIconColor.ts}

@@ -7,9 +7,9 @@ type IconElement = MainThread.Element & {
   getComputedCssProperty?: (name: string) => string;
 };
 
-// Lynx `<image>` 의 `tint-color` attribute 는 concrete color(hex/rgb) 만 받는다. CSS
-// `color: var(--seed-color-...)` 를 slot 에 걸면 `getComputedStyleProperty("color")` 가
-// resolved hex 를 돌려주므로 main-thread 에서 한번 읽어 `tint-color` 로 mirror 한다.
+// Lynx `<image>` 의 `tint-color` attribute 에 CSS variable 문자열을 직접 넣는 경로는
+// 안정적으로 동작하지 않는다. CSS `color` 는 computed style 로 resolved color 를 읽을 수
+// 있으므로 main-thread 에서 한 번 읽어 `tint-color` 로 mirror 한다.
 function syncTintColor(ref: RefObject<IconElement>) {
   "main thread";
 
@@ -33,19 +33,25 @@ function syncTintColor(ref: RefObject<IconElement>) {
  * `tint-color` attribute 로 mirror. `deps` 가 바뀌면 재동기화.
  *
  * ```tsx
- * const { ref } = useIconColor([variant, disabled, loading]);
- * return cloneElement(iconChild, { ref });
+ * const iconColorProps = useIconColor([variant, disabled, loading]);
+ * return cloneElement(iconChild, iconColorProps);
  * ```
  */
 export function useIconColor(deps: DependencyList): {
   ref: RefObject<MainThread.Element>;
+  "main-thread:binduiappear": () => void;
 } {
   const ref = useMainThreadRef<IconElement>(null);
 
+  function syncOnUiAppear() {
+    "main thread";
+    syncTintColor(ref);
+  }
+
   // deps 는 caller 가 책임.
   useEffect(() => {
     runOnMainThread(syncTintColor)(ref);
   }, deps);
 
-  return { ref };
+  return { ref, "main-thread:binduiappear": syncOnUiAppear };
 }

package/lib/hooks/use-controllable-state.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-controllable-state.d.ts","sourceRoot":"","sources":["../../src/hooks/use-controllable-state.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,yBAAyB,CAAC,CAAC;IAC1C,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,YAAY,EAAE,CAAC,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC/B;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EACpC,KAAK,EAAE,yBAAyB,CAAC,CAAC,CAAC,GAClC,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,CAkBzB"}

package/lib/hooks/use-icon-color.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-icon-color.d.ts","sourceRoot":"","sources":["../../src/hooks/use-icon-color.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA4BvD;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,cAAc,GAAG;IAClD,GAAG,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;CACpC,CASA"}

package/lib/hooks/use-press-tap.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-press-tap.d.ts","sourceRoot":"","sources":["../../src/hooks/use-press-tap.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGjD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACjC,cAAc,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,eAAe,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACpC;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,OAAO,GAAE,kBAAuB,GAAG,iBAAiB,CA0B/E"}