@olwiba/ui 0.1.1 → 0.1.3
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/index.d.ts +25 -4
- package/dist/index.js +364 -129
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/FeatureCard.tsx +32 -7
- package/src/components/ModeSwitchMinimal.tsx +40 -0
- package/src/components/PricingCard.tsx +29 -5
- package/src/components/TestimonialCard.tsx +30 -6
- package/src/context/OlwibaUIContext.tsx +5 -2
- package/src/index.ts +2 -0
- package/src/marketing/CarouselSection.tsx +126 -0
- package/src/marketing/CtaSection.tsx +10 -3
- package/src/marketing/FaqSection.tsx +9 -2
- package/src/marketing/FeaturesSection.tsx +9 -1
- package/src/marketing/Navbar.tsx +30 -20
- package/src/marketing/PricingSection.tsx +17 -6
- package/src/marketing/StatsSection.tsx +9 -2
- package/src/marketing/TestimonialsSection.tsx +9 -1
- package/src/motion/StaggerChildren.tsx +1 -0
package/dist/index.d.ts
CHANGED
|
@@ -13,6 +13,7 @@ type UIMode = 'default' | 'playful' | 'smooth';
|
|
|
13
13
|
interface OlwibaUIContextValue {
|
|
14
14
|
isMobile: boolean;
|
|
15
15
|
mode: UIMode;
|
|
16
|
+
setMode: (mode: UIMode) => void;
|
|
16
17
|
}
|
|
17
18
|
interface OlwibaUIProviderProps {
|
|
18
19
|
children: React.ReactNode;
|
|
@@ -31,7 +32,7 @@ interface OlwibaUIProviderProps {
|
|
|
31
32
|
*/
|
|
32
33
|
mode?: UIMode;
|
|
33
34
|
}
|
|
34
|
-
declare function OlwibaUIProvider({ children, isMobile: isMobileProp, mode }: OlwibaUIProviderProps): react_jsx_runtime.JSX.Element;
|
|
35
|
+
declare function OlwibaUIProvider({ children, isMobile: isMobileProp, mode: initialMode }: OlwibaUIProviderProps): react_jsx_runtime.JSX.Element;
|
|
35
36
|
declare function useOlwibaUI(): OlwibaUIContextValue;
|
|
36
37
|
/** Returns just the current UI mode from context. */
|
|
37
38
|
declare function useUIMode(): UIMode;
|
|
@@ -395,6 +396,23 @@ interface FeaturesSectionProps {
|
|
|
395
396
|
}
|
|
396
397
|
declare function FeaturesSection({ title, description, badge, features, }: FeaturesSectionProps): react_jsx_runtime.JSX.Element;
|
|
397
398
|
|
|
399
|
+
interface CarouselSectionProps {
|
|
400
|
+
title?: string;
|
|
401
|
+
description?: string;
|
|
402
|
+
badge?: string;
|
|
403
|
+
features: Array<{
|
|
404
|
+
icon: LucideIcon;
|
|
405
|
+
title: string;
|
|
406
|
+
description: string;
|
|
407
|
+
href?: string;
|
|
408
|
+
}>;
|
|
409
|
+
}
|
|
410
|
+
/**
|
|
411
|
+
* Horizontally scrolling card carousel for feature-style content.
|
|
412
|
+
* Scroll-snap based with prev/next controls — no carousel dependency.
|
|
413
|
+
*/
|
|
414
|
+
declare function CarouselSection({ title, description, badge, features, }: CarouselSectionProps): react_jsx_runtime.JSX.Element;
|
|
415
|
+
|
|
398
416
|
interface CtaSectionProps {
|
|
399
417
|
heading: string;
|
|
400
418
|
description: string;
|
|
@@ -541,10 +559,11 @@ interface NavbarProps {
|
|
|
541
559
|
href: string;
|
|
542
560
|
};
|
|
543
561
|
};
|
|
544
|
-
|
|
562
|
+
/** Icon-button controls rendered right-of-nav, left-of-CTA. Pass e.g. ModeSwitchMinimal, ThemeSwitchMinimal. */
|
|
563
|
+
controls?: React.ReactNode[];
|
|
545
564
|
renderLink?: AppShellRenderLink;
|
|
546
565
|
}
|
|
547
|
-
declare function Navbar({ brand, navLinks, cta,
|
|
566
|
+
declare function Navbar({ brand, navLinks, cta, controls, renderLink, }: NavbarProps): react_jsx_runtime.JSX.Element;
|
|
548
567
|
|
|
549
568
|
interface FooterProps {
|
|
550
569
|
brand: {
|
|
@@ -884,6 +903,8 @@ declare function Suspensed({ children, fallback }: SuspensedProps): react_jsx_ru
|
|
|
884
903
|
|
|
885
904
|
declare function ThemeSwitchMinimal(): react_jsx_runtime.JSX.Element;
|
|
886
905
|
|
|
906
|
+
declare function ModeSwitchMinimal(): react_jsx_runtime.JSX.Element;
|
|
907
|
+
|
|
887
908
|
interface ThemeColorUpdaterProps {
|
|
888
909
|
colorTheme?: string;
|
|
889
910
|
}
|
|
@@ -1020,4 +1041,4 @@ interface UsePaginationReturn {
|
|
|
1020
1041
|
}
|
|
1021
1042
|
declare function usePagination(total: number, pageSize: number): UsePaginationReturn;
|
|
1022
1043
|
|
|
1023
|
-
export { AppContent, type AppContentProps, AppGrid, AppGridCell, type AppGridCellProps, type AppGridProps, type AppNavItem, AppScreen, AppShell, type AppShellAction, type AppShellBrand, type AppShellProps, type AppShellRenderLink, type AppShellUser, type AuthFormProps, AuthSection, type AuthSectionProps, Badge, type BadgeProps, Button, type ButtonProps, Card, type CardProps, ChangelogCard, type ChangelogCardProps, ChangelogList, type ChangelogListProps, Checkbox, type CheckboxProps, ConfirmDialog, type ConfirmDialogProps, type ConfirmOptions, type ContactInfoItem, ContactSection, type ContactSectionProps, ContextMenu, type ContextMenuDef, type ContextMenuProps, CountUp, type CountUpProps, CtaSection, type CtaSectionProps, DevBanner, type DevBannerProps, Dock, type DockItem, type DockProps, EmptyState, type EmptyStateProps, ErrorPage, type ErrorPageProps, FadeIn, type FadeInProps, FaqSection, type FaqSectionProps, FeatureCard, type FeatureCardProps, FeaturesSection, type FeaturesSectionProps, Footer, type FooterProps, FullPageSpinner, GlassCard, type GlassCardProps, Grid, GridItem, type GridItemProps, type GridProps, HeroSection, type HeroSectionProps, type Hotkey, ImageCard, type ImageCardProps, Input, type InputProps, LogoStrip, type LogoStripProps, Navbar, type NavbarProps, NewsletterSection, type NewsletterSectionProps, OlwibaUIProvider, type OlwibaUIProviderProps, Overlay, type OverlayProps, type OverlayVariant, PageHeader, type PageHeaderBackButton, type PageHeaderBreadcrumb, type PageHeaderProps, PageTransition, type PageTransitionProps, PhoneFrame, type PhoneFrameProps, PostCard, type PostCardProps, PostList, type PostListProps, PricingCard, type PricingCardProps, type PricingFeature, type PricingPlan, PricingSection, type PricingSectionProps, PublicPageFrame, type PublicPageFrameProps, RegisterHotkeys, RootErrorFallback, Section, type SectionProps, SectionTitle, type SectionTitleProps, Spotlight, type SpotlightGroup, type SpotlightItem, type SpotlightProps, Stack, type StackProps, StaggerChildren, type StaggerChildrenProps, StatCard, type StatCardProps, StatsSection, type StatsSectionProps, Suspensed, Switch, type SwitchProps, TeamSection, TestimonialCard, type TestimonialCardProps, TestimonialsSection, type TestimonialsSectionProps, Textarea, type TextareaProps, ThemeColorUpdater, ThemeSwitchMinimal, type UIMode, Underlay, type UnderlayProps, type UnderlayVariant, type UpgradeComparisonRow, UpgradePrompt, type UpgradePromptProps, type UseConfirmReturn, type UseControlledOpenReturn, type UsePaginationReturn, VersionBanner, cn, useConfirm, useControlledOpen, useCopyToClipboard, useDebounce, useIntersectionObserver, useLocalStorage, useMediaQuery, useMounted, useOlwibaUI, usePagination, useScrolledPast, useUIMode };
|
|
1044
|
+
export { AppContent, type AppContentProps, AppGrid, AppGridCell, type AppGridCellProps, type AppGridProps, type AppNavItem, AppScreen, AppShell, type AppShellAction, type AppShellBrand, type AppShellProps, type AppShellRenderLink, type AppShellUser, type AuthFormProps, AuthSection, type AuthSectionProps, Badge, type BadgeProps, Button, type ButtonProps, Card, type CardProps, CarouselSection, type CarouselSectionProps, ChangelogCard, type ChangelogCardProps, ChangelogList, type ChangelogListProps, Checkbox, type CheckboxProps, ConfirmDialog, type ConfirmDialogProps, type ConfirmOptions, type ContactInfoItem, ContactSection, type ContactSectionProps, ContextMenu, type ContextMenuDef, type ContextMenuProps, CountUp, type CountUpProps, CtaSection, type CtaSectionProps, DevBanner, type DevBannerProps, Dock, type DockItem, type DockProps, EmptyState, type EmptyStateProps, ErrorPage, type ErrorPageProps, FadeIn, type FadeInProps, FaqSection, type FaqSectionProps, FeatureCard, type FeatureCardProps, FeaturesSection, type FeaturesSectionProps, Footer, type FooterProps, FullPageSpinner, GlassCard, type GlassCardProps, Grid, GridItem, type GridItemProps, type GridProps, HeroSection, type HeroSectionProps, type Hotkey, ImageCard, type ImageCardProps, Input, type InputProps, LogoStrip, type LogoStripProps, ModeSwitchMinimal, Navbar, type NavbarProps, NewsletterSection, type NewsletterSectionProps, OlwibaUIProvider, type OlwibaUIProviderProps, Overlay, type OverlayProps, type OverlayVariant, PageHeader, type PageHeaderBackButton, type PageHeaderBreadcrumb, type PageHeaderProps, PageTransition, type PageTransitionProps, PhoneFrame, type PhoneFrameProps, PostCard, type PostCardProps, PostList, type PostListProps, PricingCard, type PricingCardProps, type PricingFeature, type PricingPlan, PricingSection, type PricingSectionProps, PublicPageFrame, type PublicPageFrameProps, RegisterHotkeys, RootErrorFallback, Section, type SectionProps, SectionTitle, type SectionTitleProps, Spotlight, type SpotlightGroup, type SpotlightItem, type SpotlightProps, Stack, type StackProps, StaggerChildren, type StaggerChildrenProps, StatCard, type StatCardProps, StatsSection, type StatsSectionProps, Suspensed, Switch, type SwitchProps, TeamSection, TestimonialCard, type TestimonialCardProps, TestimonialsSection, type TestimonialsSectionProps, Textarea, type TextareaProps, ThemeColorUpdater, ThemeSwitchMinimal, type UIMode, Underlay, type UnderlayProps, type UnderlayVariant, type UpgradeComparisonRow, UpgradePrompt, type UpgradePromptProps, type UseConfirmReturn, type UseControlledOpenReturn, type UsePaginationReturn, VersionBanner, cn, useConfirm, useControlledOpen, useCopyToClipboard, useDebounce, useIntersectionObserver, useLocalStorage, useMediaQuery, useMounted, useOlwibaUI, usePagination, useScrolledPast, useUIMode };
|