@wow-two-beta/ui 0.0.59 → 0.0.60
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-Y5GS4CLT.js → chunk-2N3N3IE2.js} +82 -3
- package/dist/chunk-2N3N3IE2.js.map +1 -0
- package/dist/display/featureCard/FeatureCard.d.ts +16 -0
- package/dist/display/featureCard/index.d.ts +1 -0
- package/dist/display/index.d.ts +3 -0
- package/dist/display/index.js +1 -1
- package/dist/display/pricingCard/PricingCard.d.ts +25 -0
- package/dist/display/pricingCard/index.d.ts +1 -0
- package/dist/display/stepCard/StepCard.d.ts +18 -0
- package/dist/display/stepCard/index.d.ts +1 -0
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/dist/chunk-Y5GS4CLT.js.map +0 -1
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
|
|
2
|
+
export interface FeatureCardProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
|
|
3
|
+
/** Icon node rendered inside a tinted badge (`bg-primary-soft text-primary`). Size it yourself. */
|
|
4
|
+
icon?: ReactNode;
|
|
5
|
+
/** Feature title. */
|
|
6
|
+
title: ReactNode;
|
|
7
|
+
/** Optional supporting copy below the title. Falls back to `children` when omitted. */
|
|
8
|
+
description?: ReactNode;
|
|
9
|
+
/** Body content — used when `description` is not provided. */
|
|
10
|
+
children?: ReactNode;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* Marketing feature tile — tinted icon badge + title + description. Outlined
|
|
14
|
+
* card; content-only (no baked routing). Compose the icon slot with any node.
|
|
15
|
+
*/
|
|
16
|
+
export declare const FeatureCard: import("react").ForwardRefExoticComponent<FeatureCardProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FeatureCard, type FeatureCardProps } from './FeatureCard';
|
package/dist/display/index.d.ts
CHANGED
package/dist/display/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { 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 } from '../chunk-
|
|
1
|
+
export { 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 } from '../chunk-2N3N3IE2.js';
|
|
2
2
|
export { Kbd, Tag, tagVariants } from '../chunk-XDATW7NF.js';
|
|
3
3
|
import '../chunk-4XWLEKH2.js';
|
|
4
4
|
import '../chunk-V267IMBH.js';
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
|
|
2
|
+
export interface PricingCardProps extends ComponentPropsWithoutRef<'div'> {
|
|
3
|
+
/** Tier name (e.g. "Pro"). */
|
|
4
|
+
name: ReactNode;
|
|
5
|
+
/** Headline price (e.g. "$9"). */
|
|
6
|
+
price: ReactNode;
|
|
7
|
+
/** Billing cadence beside the price (e.g. "/mo"). */
|
|
8
|
+
cadence?: ReactNode;
|
|
9
|
+
/** Short positioning line below the price. */
|
|
10
|
+
tagline?: ReactNode;
|
|
11
|
+
/** Feature bullets — each rendered with a leading `Check`. */
|
|
12
|
+
features: ReadonlyArray<ReactNode>;
|
|
13
|
+
/** Highlight this tier — primary border + shadow + a badge. */
|
|
14
|
+
featured?: boolean;
|
|
15
|
+
/** Badge label shown when `featured`. Default "Most popular". */
|
|
16
|
+
badgeLabel?: ReactNode;
|
|
17
|
+
/** CTA slot pinned to the bottom — pass a `Button` (e.g. `<Button asChild><Link/></Button>`). */
|
|
18
|
+
children?: ReactNode;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Pricing tier card — name + price baseline + tagline + checked feature list +
|
|
22
|
+
* bottom-pinned CTA slot. Content-only: the CTA is `children`, never baked
|
|
23
|
+
* routing. `featured` adds a primary border, shadow, and "Most popular" badge.
|
|
24
|
+
*/
|
|
25
|
+
export declare const PricingCard: import("react").ForwardRefExoticComponent<PricingCardProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { PricingCard, type PricingCardProps } from './PricingCard';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
|
|
2
|
+
export interface StepCardProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
|
|
3
|
+
/** Step number — rendered as a large faint overlay top-right. */
|
|
4
|
+
step: number;
|
|
5
|
+
/** Icon node rendered inside a tinted badge (`bg-primary-soft text-primary`). Size it yourself. */
|
|
6
|
+
icon?: ReactNode;
|
|
7
|
+
/** Step title. */
|
|
8
|
+
title: ReactNode;
|
|
9
|
+
/** Optional supporting copy below the title. Falls back to `children` when omitted. */
|
|
10
|
+
description?: ReactNode;
|
|
11
|
+
/** Body content — used when `description` is not provided. */
|
|
12
|
+
children?: ReactNode;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Numbered "how it works" step — large faint step number overlay + tinted icon
|
|
16
|
+
* badge + title + description. Outlined card; content-only (no baked routing).
|
|
17
|
+
*/
|
|
18
|
+
export declare const StepCard: import("react").ForwardRefExoticComponent<StepCardProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { StepCard, type StepCardProps } from './StepCard';
|
package/dist/index.js
CHANGED
|
@@ -7,7 +7,7 @@ export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, Draw
|
|
|
7
7
|
export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './chunk-EJCO7AWR.js';
|
|
8
8
|
import './chunk-FNSC4LAL.js';
|
|
9
9
|
export { BackToTopButton, Button, ButtonGroup, CopyButton, DisclosureButton, FAB, Link, SegmentedControl, SpeedDial, SpeedDialAction, SpeedDialTrigger, ToggleButton, ToggleButtonGroup, Toolbar, ToolbarButton, ToolbarLink, ToolbarSeparator, buttonVariants, fabVariants, linkVariants, toggleButtonVariants } from './chunk-GSAOM2ZR.js';
|
|
10
|
-
export { 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 } from './chunk-
|
|
10
|
+
export { 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 } from './chunk-2N3N3IE2.js';
|
|
11
11
|
export { Kbd, Tag, tagVariants } from './chunk-XDATW7NF.js';
|
|
12
12
|
export { Inline } from './chunk-4XWLEKH2.js';
|
|
13
13
|
export { Alert, AlertSimple, Banner, BannerSimple, Callout, InlineSpinner, LiveCursor, LoadingOverlay, LoadingState, MeterBar, NotificationCenter, NotificationItem, OnboardingChecklist, OnboardingChecklistTask, PresenceIndicator, ProgressBar, ProgressCircle, ProgressSteps, Skeleton, StatusIndicator, Toast, ToastSimple, Toaster, Tour, TrendIndicator, TypingIndicator, UndoBar, alertSimpleVariants, bannerSimpleVariants, progressFillVariants, progressTrackVariants, skeletonVariants, toastSimpleVariants, toaster, useOnboardingChecklist, useToaster } from './chunk-EX4AOJCN.js';
|