@gobolt/genesis 0.4.35 → 0.4.37

package/dist/index.cjs

@@ -81253,12 +81253,10 @@ const OverflowMenuContainer = styled.div`
   transform: translateZ(0);
   transform-style: preserve-3d;
 
-  /* Initial hidden state to prevent flash */
-  ${({ $isAnimating }) => !$isAnimating && `
-    opacity: 0;
-    transform: scale(0.96) translateY(-6px);
-    pointer-events: none;
-  `}
+  /* Initial visible state - let animation handle the entrance */
+  opacity: 1;
+
+  /* Animation will override initial state when $isAnimating is true */
 
   /* Prevent layout shifts and ensure smooth rendering */
   contain: layout style paint;
@@ -81338,16 +81336,13 @@ const OverflowMenu = React.forwardRef(
     );
     React.useEffect(() => {
       if (isOpen) {
-        if (getPopupContainer && triggerRef.current) {
+        if (getPopupContainer !== void 0 && triggerRef.current) {
           const rect = triggerRef.current.getBoundingClientRect();
           setTriggerRect(rect);
         }
-        const timer2 = setTimeout(() => {
-          setIsAnimating(true);
-        }, 10);
+        setIsAnimating(true);
         document.addEventListener("mousedown", handleClickOutside);
         return () => {
-          clearTimeout(timer2);
           document.removeEventListener("mousedown", handleClickOutside);
         };
       } else {
@@ -81358,11 +81353,11 @@ const OverflowMenu = React.forwardRef(
     }, [isOpen, handleClickOutside, getPopupContainer]);
     const getMenuStyle = React.useMemo(() => {
       const baseStyle = {
-        position: getPopupContainer ? "fixed" : "absolute",
+        position: getPopupContainer !== void 0 ? "fixed" : "absolute",
         zIndex: 1e3,
         ...style2
       };
-      if (getPopupContainer && triggerRect) {
+      if (getPopupContainer !== void 0 && triggerRect) {
         const { top, left, right, bottom, width, height } = triggerRect;
         switch (placement) {
           case "bottom": {
@@ -81456,7 +81451,7 @@ const OverflowMenu = React.forwardRef(
       }
     );
     const renderMenu = (content2) => {
-      if (getPopupContainer && triggerRef.current) {
+      if (getPopupContainer !== void 0 && triggerRef.current) {
         const container = getPopupContainer(triggerRef.current);
         return ReactDOM.createPortal(renderMenuContent(content2), container);
       }
@@ -81681,7 +81676,7 @@ const Progress = ({
   }
   if (isProgressCombined) {
     const combinedPercent = getCombinedPercent(
-      firstBarData,
+      firstBarData || null,
       secondBarData || null
     );
     const textColor = Number(combinedPercent) === 100 ? "green" : "black";

package/dist/index.js

@@ -81235,12 +81235,10 @@ const OverflowMenuContainer = styled.div`
   transform: translateZ(0);
   transform-style: preserve-3d;
 
-  /* Initial hidden state to prevent flash */
-  ${({ $isAnimating }) => !$isAnimating && `
-    opacity: 0;
-    transform: scale(0.96) translateY(-6px);
-    pointer-events: none;
-  `}
+  /* Initial visible state - let animation handle the entrance */
+  opacity: 1;
+
+  /* Animation will override initial state when $isAnimating is true */
 
   /* Prevent layout shifts and ensure smooth rendering */
   contain: layout style paint;
@@ -81320,16 +81318,13 @@ const OverflowMenu = forwardRef(
     );
     useEffect(() => {
       if (isOpen) {
-        if (getPopupContainer && triggerRef.current) {
+        if (getPopupContainer !== void 0 && triggerRef.current) {
           const rect = triggerRef.current.getBoundingClientRect();
           setTriggerRect(rect);
         }
-        const timer2 = setTimeout(() => {
-          setIsAnimating(true);
-        }, 10);
+        setIsAnimating(true);
         document.addEventListener("mousedown", handleClickOutside);
         return () => {
-          clearTimeout(timer2);
           document.removeEventListener("mousedown", handleClickOutside);
         };
       } else {
@@ -81340,11 +81335,11 @@ const OverflowMenu = forwardRef(
     }, [isOpen, handleClickOutside, getPopupContainer]);
     const getMenuStyle = useMemo$1(() => {
       const baseStyle = {
-        position: getPopupContainer ? "fixed" : "absolute",
+        position: getPopupContainer !== void 0 ? "fixed" : "absolute",
         zIndex: 1e3,
         ...style2
       };
-      if (getPopupContainer && triggerRect) {
+      if (getPopupContainer !== void 0 && triggerRect) {
         const { top, left, right, bottom, width, height } = triggerRect;
         switch (placement) {
           case "bottom": {
@@ -81438,7 +81433,7 @@ const OverflowMenu = forwardRef(
       }
     );
     const renderMenu = (content2) => {
-      if (getPopupContainer && triggerRef.current) {
+      if (getPopupContainer !== void 0 && triggerRef.current) {
         const container = getPopupContainer(triggerRef.current);
         return createPortal(renderMenuContent(content2), container);
       }
@@ -81663,7 +81658,7 @@ const Progress = ({
   }
   if (isProgressCombined) {
     const combinedPercent = getCombinedPercent(
-      firstBarData,
+      firstBarData || null,
       secondBarData || null
     );
     const textColor = Number(combinedPercent) === 100 ? "green" : "black";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gobolt/genesis",
-  "version": "0.4.35",
+  "version": "0.4.37",
   "description": "genesis design system",
   "author": "gobolt",
   "license": "MIT",