@underverse-ui/underverse 0.2.14 → 0.2.16

package/dist/index.d.cts

@@ -242,6 +242,7 @@ declare const SkeletonCard: React__default.FC<{
     showImage?: boolean;
     textLines?: number;
     className?: string;
+    children?: React__default.ReactNode;
 }>;
 declare const SkeletonPost: React__default.FC<{
     className?: string;

package/dist/index.d.ts

@@ -242,6 +242,7 @@ declare const SkeletonCard: React__default.FC<{
     showImage?: boolean;
     textLines?: number;
     className?: string;
+    children?: React__default.ReactNode;
 }>;
 declare const SkeletonPost: React__default.FC<{
     className?: string;

package/dist/index.js

@@ -1559,8 +1559,12 @@ var SkeletonCard = ({
   showAvatar = true,
   showImage = false,
   textLines = 3,
-  className
+  className,
+  children
 }) => {
+  if (children) {
+    return /* @__PURE__ */ jsx11("div", { className: cn("p-4 space-y-4 rounded-lg bg-card outline-none focus:outline-none", className), children });
+  }
   return /* @__PURE__ */ jsxs9("div", { className: cn("p-4 space-y-4 rounded-lg bg-card outline-none focus:outline-none", className), children: [
     showAvatar && /* @__PURE__ */ jsxs9("div", { className: "flex items-center space-x-3", children: [
       /* @__PURE__ */ jsx11(SkeletonAvatar, {}),
@@ -2537,39 +2541,36 @@ var shadcnAnimationStyles = `
    * Uses spring-like cubic-bezier for natural feel
    * ============================================ */
   
+  /* Native-like Combobox Animation - Mimics browser default select */
   [data-state="open"][data-combobox-dropdown] {
-    animation: comboboxOpen 280ms cubic-bezier(0.34, 1.56, 0.64, 1);
+    animation: comboboxOpen 150ms cubic-bezier(0.2, 0, 0, 1);
     transform-origin: top center;
   }
-  
+
   [data-state="closed"][data-combobox-dropdown] {
-    animation: comboboxClose 200ms cubic-bezier(0.4, 0, 0.2, 1);
+    animation: comboboxClose 120ms cubic-bezier(0.4, 0, 1, 1);
     transform-origin: top center;
   }
-  
+
   @keyframes comboboxOpen {
     0% {
       opacity: 0;
-      transform: translateY(-8px) scale(0.96);
-    }
-    50% {
-      opacity: 0.8;
-      transform: translateY(2px) scale(1.01);
+      transform: translateY(-4px) scaleY(0.9);
     }
     100% {
       opacity: 1;
-      transform: translateY(0) scale(1);
+      transform: translateY(0) scaleY(1);
     }
   }
-  
+
   @keyframes comboboxClose {
     0% {
       opacity: 1;
-      transform: translateY(0) scale(1);
+      transform: translateY(0) scaleY(1);
     }
     100% {
       opacity: 0;
-      transform: translateY(-6px) scale(0.97);
+      transform: translateY(-4px) scaleY(0.9);
     }
   }
 
@@ -2605,41 +2606,29 @@ var shadcnAnimationStyles = `
   }
   
   /* ============================================
-   * DROPDOWN ITEMS - Staggered cascade effect
+   * DROPDOWN ITEMS - Native-like instant appearance
    * ============================================ */
-  
+
+  /* Fast staggered animation for native feel */
   .dropdown-item {
     opacity: 0;
-    animation: itemSlideIn 200ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
-    will-change: opacity, transform;
+    animation: itemFadeIn 120ms cubic-bezier(0.2, 0, 0, 1) forwards;
   }
-  
-  @keyframes itemSlideIn {
+
+  @keyframes itemFadeIn {
     0% {
       opacity: 0;
-      transform: translateX(-8px);
-    }
-    60% {
-      opacity: 0.9;
-      transform: translateX(2px);
+      transform: translateY(-2px);
     }
     100% {
       opacity: 1;
-      transform: translateX(0);
+      transform: translateY(0);
     }
   }
-  
-  /* Hover effect for items */
+
+  /* Subtle hover effect */
   .dropdown-item {
-    transition: background-color 150ms ease, transform 100ms ease;
-  }
-  
-  .dropdown-item:hover {
-    transform: translateX(2px);
-  }
-  
-  .dropdown-item:active {
-    transform: scale(0.98);
+    transition: background-color 100ms ease;
   }
   
   /* ============================================