@wow-two-beta/ui 0.0.58 → 0.0.60

package/dist/{chunk-Y5GS4CLT.js → chunk-2N3N3IE2.js}

@@ -5769,7 +5769,86 @@ var ActivityItem = forwardRef(
 ActivityItem.displayName = "ActivityFeed.Item";
 var ActivityFeed = ActivityFeedInner;
 ActivityFeed.Item = ActivityItem;
+var FeatureCard = forwardRef(
+  ({ icon, title, description, children, className, ...props }, ref) => /* @__PURE__ */ jsxs(
+    Card,
+    {
+      ref,
+      variant: "outline",
+      radius: "xl",
+      elevation: 0,
+      className: cn("bg-card p-6", className),
+      ...props,
+      children: [
+        icon && /* @__PURE__ */ jsx("span", { className: "grid size-11 place-items-center rounded-lg bg-primary-soft text-primary", children: icon }),
+        /* @__PURE__ */ jsx(Heading, { level: 3, size: "md", className: cn("tracking-normal", icon && "mt-4"), children: title }),
+        (description ?? children) && /* @__PURE__ */ jsx(Text, { size: "sm", color: "muted", className: "mt-2 leading-relaxed", children: description ?? children })
+      ]
+    }
+  )
+);
+FeatureCard.displayName = "FeatureCard";
+var StepCard = forwardRef(
+  ({ step, icon, title, description, children, className, ...props }, ref) => /* @__PURE__ */ jsxs(
+    Card,
+    {
+      ref,
+      variant: "outline",
+      radius: "xl",
+      elevation: 0,
+      className: cn("relative overflow-hidden bg-card p-6", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute right-4 top-3 text-5xl font-bold text-foreground/5", children: step }),
+        icon && /* @__PURE__ */ jsx("span", { className: "grid size-11 place-items-center rounded-lg bg-primary-soft text-primary", children: icon }),
+        /* @__PURE__ */ jsx(Heading, { level: 3, size: "md", className: cn("tracking-normal", icon && "mt-4"), children: title }),
+        (description ?? children) && /* @__PURE__ */ jsx(Text, { size: "sm", color: "muted", className: "mt-2", children: description ?? children })
+      ]
+    }
+  )
+);
+StepCard.displayName = "StepCard";
+var PricingCard = forwardRef(
+  ({ name, price, cadence, tagline, features, featured = false, badgeLabel = "Most popular", children, className, ...props }, ref) => /* @__PURE__ */ jsxs(
+    Card,
+    {
+      ref,
+      variant: "outline",
+      radius: "2xl",
+      elevation: 0,
+      className: cn(
+        "relative flex flex-col bg-card p-6",
+        featured ? "border-primary shadow-lg shadow-primary/10" : "border-border",
+        className
+      ),
+      ...props,
+      children: [
+        featured && /* @__PURE__ */ jsx(
+          Badge,
+          {
+            variant: "brand",
+            size: "md",
+            className: "absolute -top-3 left-6 bg-primary px-3 py-1 text-xs font-medium text-primary-foreground",
+            children: badgeLabel
+          }
+        ),
+        /* @__PURE__ */ jsx(Heading, { level: 3, size: "md", className: "tracking-normal", children: name }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-baseline gap-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-3xl font-bold tracking-tight", children: price }),
+          cadence && /* @__PURE__ */ jsx(Text, { as: "span", size: "sm", color: "muted", children: cadence })
+        ] }),
+        tagline && /* @__PURE__ */ jsx(Text, { size: "sm", color: "muted", className: "mt-2", children: tagline }),
+        /* @__PURE__ */ jsx("ul", { className: "mt-5 flex flex-1 flex-col gap-2.5", children: features.map((feature, index) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2 text-sm", children: [
+          /* @__PURE__ */ jsx(Icon, { icon: Check, size: 16, className: "mt-0.5 text-primary" }),
+          /* @__PURE__ */ jsx("span", { children: feature })
+        ] }, index)) }),
+        children && /* @__PURE__ */ jsx("div", { className: "mt-6", children })
+      ]
+    }
+  )
+);
+PricingCard.displayName = "PricingCard";
 
-export { Accordion2 as Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityFeed, ActivityItem, AnimatedNumber, AnnotationMarker, AudioPlayer, AudioWaveform, Avatar, AvatarGroup, Badge, BadgeOverlay, Card, Carousel, CarouselDot, CarouselDots, CarouselNext, CarouselPrev, CarouselSlide, CarouselSlides, CarouselViewport, ChatBubble, Code, Collapsible, CollapsibleContent, CollapsibleTrigger, Comment, CommentThread, Confetti, CountBadge, CountUp, DataGrid, DataTable, DaySeparator, DescriptionList, DiffViewer, EmptyState, EventCalendar, Eyebrow, Gantt, GradientText, Heading, HeatmapCalendar, Highlight, Image, InfoRow, KeyboardShortcut, List, ListItem, Mark, Marquee, MessageList, MetaInline, MetricChip, NodeEditor, NotificationDot, PDFViewer, Quote, ReactionBar, ScheduleView, ScrollReveal, SectionHeader, Separator, Snippet, Sparkline, Stat, Status, SwipeActions, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeaderCell, TableRow, Tabs, TabsList, TabsPanel, TabsTab, Text, ThreadView, Tilt, Timeline, TimelineDescription, TimelineItem, TimelineTitle, Tooltip, Tree, TreeGroup, TreeItem, Typewriter, VideoPlayer, avatarVariants, badgeVariants, codeVariants, headingVariants, textVariants };
-//# sourceMappingURL=chunk-Y5GS4CLT.js.map
-//# sourceMappingURL=chunk-Y5GS4CLT.js.map
+export { Accordion2 as Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityFeed, ActivityItem, AnimatedNumber, AnnotationMarker, AudioPlayer, AudioWaveform, Avatar, AvatarGroup, Badge, BadgeOverlay, Card, Carousel, CarouselDot, CarouselDots, CarouselNext, CarouselPrev, CarouselSlide, CarouselSlides, CarouselViewport, ChatBubble, Code, Collapsible, CollapsibleContent, CollapsibleTrigger, Comment, CommentThread, Confetti, CountBadge, CountUp, DataGrid, DataTable, DaySeparator, DescriptionList, DiffViewer, EmptyState, EventCalendar, Eyebrow, FeatureCard, Gantt, GradientText, Heading, HeatmapCalendar, Highlight, Image, InfoRow, KeyboardShortcut, List, ListItem, Mark, Marquee, MessageList, MetaInline, MetricChip, NodeEditor, NotificationDot, PDFViewer, PricingCard, Quote, ReactionBar, ScheduleView, ScrollReveal, SectionHeader, Separator, Snippet, Sparkline, Stat, Status, StepCard, SwipeActions, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeaderCell, TableRow, Tabs, TabsList, TabsPanel, TabsTab, Text, ThreadView, Tilt, Timeline, TimelineDescription, TimelineItem, TimelineTitle, Tooltip, Tree, TreeGroup, TreeItem, Typewriter, VideoPlayer, avatarVariants, badgeVariants, codeVariants, headingVariants, textVariants };
+//# sourceMappingURL=chunk-2N3N3IE2.js.map
+//# sourceMappingURL=chunk-2N3N3IE2.js.map