@shoplflow/base 0.32.4 → 0.32.6

package/dist/index.d.cts

@@ -657,6 +657,17 @@ declare const Callout: {
 interface PopperProps extends PopperOptionProps {
 }
 interface PopperOptionProps extends ChildrenProps {
+    /**
+     * tooltip open 상태
+     * onOpenChange와 함께 사용해야 합니다!
+     */
+    open?: boolean;
+    /**
+     * open 상태 변경 감지 이벤트입니다.
+     * @param open
+     * @returns
+     */
+    onOpenChange?: (open: boolean) => void;
     /**
      * popper의 offset을 설정합니다.
      *
@@ -1130,7 +1141,7 @@ interface TooltipContentProps extends HTMLAttributes<HTMLDivElement> {
 }
 
 declare const Tooltip: {
-    ({ trigger, popper, placement, offset, triggerRef, portalRef, ...popperProps }: TooltipProps): react_jsx_runtime.JSX.Element;
+    ({ open, onOpenChange, trigger, popper, placement, offset, triggerRef, portalRef, ...popperProps }: TooltipProps): react_jsx_runtime.JSX.Element;
     Content: ({ content, ...args }: TooltipContentProps) => react_jsx_runtime.JSX.Element;
 };
 

package/dist/index.d.ts

@@ -657,6 +657,17 @@ declare const Callout: {
 interface PopperProps extends PopperOptionProps {
 }
 interface PopperOptionProps extends ChildrenProps {
+    /**
+     * tooltip open 상태
+     * onOpenChange와 함께 사용해야 합니다!
+     */
+    open?: boolean;
+    /**
+     * open 상태 변경 감지 이벤트입니다.
+     * @param open
+     * @returns
+     */
+    onOpenChange?: (open: boolean) => void;
     /**
      * popper의 offset을 설정합니다.
      *
@@ -1130,7 +1141,7 @@ interface TooltipContentProps extends HTMLAttributes<HTMLDivElement> {
 }
 
 declare const Tooltip: {
-    ({ trigger, popper, placement, offset, triggerRef, portalRef, ...popperProps }: TooltipProps): react_jsx_runtime.JSX.Element;
+    ({ open, onOpenChange, trigger, popper, placement, offset, triggerRef, portalRef, ...popperProps }: TooltipProps): react_jsx_runtime.JSX.Element;
     Content: ({ content, ...args }: TooltipContentProps) => react_jsx_runtime.JSX.Element;
 };
 

package/dist/index.js

@@ -1356,7 +1356,7 @@ var getNextColor = (color, step = 1) => {
     if (newIndex < 0 || newIndex >= sortColorToken.length) {
       break;
     }
-    if (!sortColorToken[newIndex].endsWith("_5") && !sortColorToken[newIndex].includes("50")) {
+    if (!sortColorToken[newIndex].endsWith("_5") && !sortColorToken[newIndex].endsWith("50")) {
       stepCount++;
     }
   }
@@ -3612,6 +3612,8 @@ var TooltipContent = (_a) => {
 };
 var Tooltip = (_a) => {
   var _b = _a, {
+    open,
+    onOpenChange,
     trigger,
     popper,
     placement = "bottom-start",
@@ -3619,6 +3621,8 @@ var Tooltip = (_a) => {
     triggerRef,
     portalRef
   } = _b, popperProps = __objRest(_b, [
+    "open",
+    "onOpenChange",
     "trigger",
     "popper",
     "placement",
@@ -3628,17 +3632,23 @@ var Tooltip = (_a) => {
   ]);
   const [isOpen, setIsOpen] = useState(false);
   const showHandler = useCallback(() => {
-    setIsOpen(true);
-  }, []);
+    if (open === void 0) {
+      setIsOpen(true);
+    }
+    onOpenChange == null ? void 0 : onOpenChange(true);
+  }, [open, onOpenChange]);
   const hideHandler = useCallback(() => {
-    setIsOpen(false);
-  }, []);
+    if (open === void 0) {
+      setIsOpen(false);
+    }
+    onOpenChange == null ? void 0 : onOpenChange(false);
+  }, [open, onOpenChange]);
   return /* @__PURE__ */ jsxs(Popper_default, __spreadProps(__spreadValues({ offset: offset3, placement, middlewares: [flip(), shift({ padding: 5 })] }, popperProps), { children: [
     /* @__PURE__ */ jsx(
       Popper_default.Trigger,
       {
         ref: triggerRef,
-        isOpen,
+        isOpen: isOpen || open,
         onMouseOver: showHandler,
         onMouseLeave: hideHandler,
         onFocus: showHandler,