@mbao01/common 0.8.1 → 0.9.1

package/src/index.ts

@@ -24,17 +24,23 @@ export * from "./components/Paragraph";
 
 /** utility & atoms */
 export * from "./components/AspectRatio";
+export * from "./components/IconContainer";
 export * from "./components/Image";
 export * from "./components/Spinner";
 
 /** data display */
 export * from "./components/Accordion";
+export * from "./components/ActivityFeed";
 export * from "./components/Alert";
+export * from "./components/Amount";
 export * from "./components/Avatar";
 export * from "./components/Badge";
 export * from "./components/Card";
 export * from "./components/Calendar";
+export * from "./components/CircularProgress";
 export * from "./components/Collapsible";
+export * from "./components/CountdownTimer";
+export * from "./components/DataList";
 export * from "./components/Description";
 export * from "./components/Dock";
 export * from "./components/Indicator";
@@ -44,15 +50,21 @@ export * from "./components/List";
 export * from "./components/Progress";
 export * from "./components/Resizable";
 export * from "./components/ScrollArea";
+export * from "./components/ComparisonBar";
 export * from "./components/Separator";
 export * from "./components/Sonner";
+export * from "./components/Sparkline";
 export * from "./components/Stack";
 export * from "./components/Stat";
+export * from "./components/StatCard";
 export * from "./components/Status";
 export * from "./components/Table";
 export * from "./components/Tabs";
 export * from "./components/Text";
 export * from "./components/Timeline";
+export * from "./components/TrendBadge";
+export * from "./components/CalendarHeatmap";
+export * from "./components/Greeting";
 
 /** data input */
 export * from "./components/DatetimePicker";
@@ -72,9 +84,11 @@ export * from "./components/Chart";
 export * from "./components/Command";
 export * from "./components/Dialog";
 export * from "./components/HoverCard";
+export * from "./components/KPICard";
 export * from "./components/Popover";
 export * from "./components/Slot";
 export * from "./components/Widget";
+export * from "./components/WidgetShell";
 
 /** molecules */
 export * from "./components/Banner";
@@ -86,3 +100,25 @@ export * from "./components/Footer";
 export * from "./components/Header";
 export * from "./components/Panel";
 export * from "./components/Sheet";
+
+/** inline charts */
+export * from "./components/MiniAreaChart";
+export * from "./components/MiniBarChart";
+export * from "./components/MiniDonutChart";
+export * from "./components/MiniStackedBar";
+
+/** effects */
+export * from "./components/AnimatedCounter";
+export * from "./components/AnimatedGroup";
+export * from "./components/AnimatedList";
+export * from "./components/BorderBeam";
+export * from "./components/Confetti";
+export * from "./components/GlowCard";
+export * from "./components/GradientText";
+export * from "./components/Marquee";
+export * from "./components/Meteors";
+export * from "./components/NumberTicker";
+export * from "./components/Pulse";
+export * from "./components/ShinyButton";
+export * from "./components/SpotlightCard";
+export * from "./components/TextShimmer";

package/src/stylesheets/tailwind.css

@@ -151,6 +151,214 @@
       opacity: 0;
     }
   }
+
+  /* ─── Rich animation keyframes ──────────────────── */
+
+  --animate-shimmer: shimmer 2s linear infinite;
+  --animate-pulse-soft: pulse-soft 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  --animate-float: float 3s ease-in-out infinite;
+  --animate-wiggle: wiggle 1s ease-in-out infinite;
+  --animate-shake: shake 0.5s ease-in-out;
+  --animate-bounce-in: bounce-in 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
+  --animate-scale-in: scale-in 0.2s ease-out;
+  --animate-scale-out: scale-out 0.2s ease-in;
+  --animate-slide-up-fade: slide-up-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1);
+  --animate-slide-down-fade: slide-down-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1);
+  --animate-slide-left-fade: slide-left-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1);
+  --animate-slide-right-fade: slide-right-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1);
+  --animate-spotlight: spotlight 2s ease 0.75s 1 forwards;
+  --animate-gradient: gradient 8s linear infinite;
+  --animate-text-gradient: text-gradient 4s linear infinite;
+  --animate-border-beam: border-beam 4s linear infinite;
+  --animate-meteor: meteor 5s linear infinite;
+  --animate-marquee: marquee var(--tw-duration, 40s) linear infinite;
+
+  @keyframes shimmer {
+    0% {
+      background-position: -200% 0;
+    }
+    100% {
+      background-position: 200% 0;
+    }
+  }
+
+  @keyframes pulse-soft {
+    0%, 100% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.7;
+    }
+  }
+
+  @keyframes float {
+    0%, 100% {
+      transform: translateY(0);
+    }
+    50% {
+      transform: translateY(-10px);
+    }
+  }
+
+  @keyframes wiggle {
+    0%, 100% {
+      transform: rotate(-3deg);
+    }
+    50% {
+      transform: rotate(3deg);
+    }
+  }
+
+  @keyframes shake {
+    10%, 90% { transform: translateX(-1px); }
+    20%, 80% { transform: translateX(2px); }
+    30%, 50%, 70% { transform: translateX(-4px); }
+    40%, 60% { transform: translateX(4px); }
+  }
+
+  @keyframes bounce-in {
+    0% {
+      opacity: 0;
+      transform: scale(0.3);
+    }
+    50% {
+      transform: scale(1.05);
+    }
+    70% {
+      transform: scale(0.9);
+    }
+    100% {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+
+  @keyframes scale-in {
+    0% {
+      opacity: 0;
+      transform: scale(0.95);
+    }
+    100% {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+
+  @keyframes scale-out {
+    0% {
+      opacity: 1;
+      transform: scale(1);
+    }
+    100% {
+      opacity: 0;
+      transform: scale(0.95);
+    }
+  }
+
+  @keyframes slide-up-fade {
+    0% {
+      opacity: 0;
+      transform: translateY(8px);
+    }
+    100% {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  @keyframes slide-down-fade {
+    0% {
+      opacity: 0;
+      transform: translateY(-8px);
+    }
+    100% {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  @keyframes slide-left-fade {
+    0% {
+      opacity: 0;
+      transform: translateX(8px);
+    }
+    100% {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+
+  @keyframes slide-right-fade {
+    0% {
+      opacity: 0;
+      transform: translateX(-8px);
+    }
+    100% {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+
+  @keyframes spotlight {
+    0% {
+      opacity: 0;
+      transform: translate(-72%, -62%) scale(0.5);
+    }
+    100% {
+      opacity: 1;
+      transform: translate(-50%, -40%) scale(1);
+    }
+  }
+
+  @keyframes gradient {
+    0% {
+      background-position: 0% 50%;
+    }
+    50% {
+      background-position: 100% 50%;
+    }
+    100% {
+      background-position: 0% 50%;
+    }
+  }
+
+  @keyframes text-gradient {
+    to {
+      background-position: 200% center;
+    }
+  }
+
+  @keyframes border-beam {
+    0% {
+      offset-distance: 0%;
+    }
+    100% {
+      offset-distance: 100%;
+    }
+  }
+
+  @keyframes marquee {
+    from {
+      transform: translateX(0);
+    }
+    to {
+      transform: translateX(calc(-100% - var(--gap, 16px)));
+    }
+  }
+
+  @keyframes meteor {
+    0% {
+      transform: rotate(215deg) translateX(0);
+      opacity: 1;
+    }
+    70% {
+      opacity: 1;
+    }
+    100% {
+      transform: rotate(215deg) translateX(-500px);
+      opacity: 0;
+    }
+  }
 }
 
 /* Utility classes */

package/src/utilities/getSubpaths/getSubpaths.ts

@@ -6,8 +6,7 @@ const createPathObject = (
   pathLabels?: Record<string, string>
 ) => ({
   href: { pathname },
-  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
-  label: pathLabels?.[pathname] || segment, // always fallback to segment if label does not exist
+  label: pathLabels?.[pathname] || segment,
 });
 
 export const getSubpaths = (