@sakaniui/react 0.1.0 → 0.3.0

package/dist/components/ECommerceComponents/CartItem/CartItem.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+export interface CartItemProps {
+    image: string;
+    imageAlt?: string;
+    name: string;
+    /** e.g. "Color: Sand". */
+    variant?: string;
+    price: number;
+    /** Presence switches to the Sale price treatment (struck-through original + danger price). */
+    compareAtPrice?: number;
+    quantity: number;
+    onQuantityChange?: (quantity: number) => void;
+    minQuantity?: number;
+    maxQuantity?: number;
+    onRemove?: () => void;
+    removeLabel?: string;
+    formatPrice?: (amount: number) => string;
+    className?: string;
+}
+export declare const CartItem: React.FC<CartItemProps>;
+export default CartItem;

package/dist/components/ECommerceComponents/CartItem/index.d.ts

@@ -0,0 +1,2 @@
+export { CartItem, default } from './CartItem';
+export type { CartItemProps } from './CartItem';

package/dist/components/ECommerceComponents/CheckoutSteps/CheckoutSteps.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+export declare const DEFAULT_CHECKOUT_STEPS: string[];
+export interface CheckoutStepsProps {
+    steps?: string[];
+    /** 0-indexed. Steps before this are "completed", this one is "active",
+     *  steps after are "upcoming". */
+    currentStep: number;
+    className?: string;
+}
+export declare const CheckoutSteps: React.FC<CheckoutStepsProps>;
+export default CheckoutSteps;

package/dist/components/ECommerceComponents/CheckoutSteps/index.d.ts

@@ -0,0 +1,2 @@
+export { CheckoutSteps, DEFAULT_CHECKOUT_STEPS, default } from './CheckoutSteps';
+export type { CheckoutStepsProps } from './CheckoutSteps';

package/dist/components/ECommerceComponents/ColorSwatch/ColorSwatch.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export interface ColorSwatchProps {
+    /** CSS color value for the swatch fill. */
+    color: string;
+    /** Accessible name, e.g. "Navy". */
+    label: string;
+    selected?: boolean;
+    /** Defaults to true. False renders a disabled, unclickable swatch. */
+    available?: boolean;
+    onSelect?: () => void;
+    className?: string;
+}
+export declare const ColorSwatch: React.FC<ColorSwatchProps>;
+export default ColorSwatch;

package/dist/components/ECommerceComponents/ColorSwatch/index.d.ts

@@ -0,0 +1,2 @@
+export { ColorSwatch, default } from './ColorSwatch';
+export type { ColorSwatchProps } from './ColorSwatch';

package/dist/components/ECommerceComponents/PriceDisplay/PriceDisplay.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export interface PriceDisplayProps {
+    price: number;
+    /** Presence switches to the struck-through-original + danger-solid current price. */
+    compareAtPrice?: number;
+    /** Shows a "Save X%" badge, computed from price vs. compareAtPrice. No-op without compareAtPrice. */
+    showBadge?: boolean;
+    formatPrice?: (amount: number) => string;
+    className?: string;
+}
+export declare const PriceDisplay: React.FC<PriceDisplayProps>;
+export default PriceDisplay;

package/dist/components/ECommerceComponents/PriceDisplay/index.d.ts

@@ -0,0 +1,2 @@
+export { PriceDisplay, default } from './PriceDisplay';
+export type { PriceDisplayProps } from './PriceDisplay';

package/dist/components/ECommerceComponents/ProductCard/ProductCard.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { ColorSwatchProps } from '../ColorSwatch';
+export interface ProductCardColor extends Omit<ColorSwatchProps, 'onSelect'> {
+    /** Unique key for selection -- defaults to `label` if omitted. */
+    id?: string;
+}
+export interface ProductCardProps {
+    image: string;
+    imageAlt?: string;
+    name: string;
+    description?: string;
+    price: number;
+    /** Presence switches to the sale badge + struck-original/danger-current price. */
+    compareAtPrice?: number;
+    rating?: number;
+    reviewCount?: number;
+    colors?: ProductCardColor[];
+    onColorSelect?: (id: string) => void;
+    inStock?: boolean;
+    wishlisted?: boolean;
+    onWishlistToggle?: (wishlisted: boolean) => void;
+    onAddItem?: () => void;
+    addItemLabel?: string;
+    formatPrice?: (amount: number) => string;
+    className?: string;
+}
+export declare const ProductCard: React.FC<ProductCardProps>;
+export default ProductCard;

package/dist/components/ECommerceComponents/ProductCard/index.d.ts

@@ -0,0 +1,2 @@
+export { ProductCard, default } from './ProductCard';
+export type { ProductCardProps, ProductCardColor } from './ProductCard';

package/dist/components/ECommerceComponents/ProductGallery/ProductGallery.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+export interface ProductGalleryImage {
+    src: string;
+    alt?: string;
+}
+export type ProductGalleryThumbsPosition = 'bottom' | 'left';
+export interface ProductGalleryProps {
+    images: ProductGalleryImage[];
+    thumbsPosition?: ProductGalleryThumbsPosition;
+    /** Controlled active image index. Omit to let the gallery manage its own selection. */
+    activeIndex?: number;
+    defaultActiveIndex?: number;
+    onActiveIndexChange?: (index: number) => void;
+    className?: string;
+}
+export declare const ProductGallery: React.FC<ProductGalleryProps>;
+export default ProductGallery;

package/dist/components/ECommerceComponents/ProductGallery/index.d.ts

@@ -0,0 +1,2 @@
+export { ProductGallery, default } from './ProductGallery';
+export type { ProductGalleryProps, ProductGalleryImage, ProductGalleryThumbsPosition } from './ProductGallery';

package/dist/components/ECommerceComponents/QuantitySelector/QuantitySelector.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export interface QuantitySelectorProps {
+    quantity: number;
+    onQuantityChange?: (quantity: number) => void;
+    min?: number;
+    max?: number;
+    /** Accessible group label, e.g. "Quantity for Ceramic Pour-Over Mug". */
+    label?: string;
+    className?: string;
+}
+export declare const QuantitySelector: React.FC<QuantitySelectorProps>;
+export default QuantitySelector;

package/dist/components/ECommerceComponents/QuantitySelector/index.d.ts

@@ -0,0 +1,2 @@
+export { QuantitySelector, default } from './QuantitySelector';
+export type { QuantitySelectorProps } from './QuantitySelector';

package/dist/components/ECommerceComponents/SizeSelector/SizeSelector.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export interface SizeSelectorProps {
+    /** Size label, e.g. "M", "XL", "38". */
+    size: string;
+    selected?: boolean;
+    /** Defaults to true. False renders a disabled, unclickable button. */
+    available?: boolean;
+    onSelect?: () => void;
+    className?: string;
+}
+export declare const SizeSelector: React.FC<SizeSelectorProps>;
+export default SizeSelector;

package/dist/components/ECommerceComponents/SizeSelector/index.d.ts

@@ -0,0 +1,2 @@
+export { SizeSelector, default } from './SizeSelector';
+export type { SizeSelectorProps } from './SizeSelector';

package/dist/components/ECommerceComponents/StarRating/StarRating.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+export type StarRatingOrientation = 'horizontal' | 'horizontal-reverse' | 'vertical';
+export interface StarRatingProps {
+    /** 0-5. Drives the filled/half/empty star count. */
+    rating: number;
+    reviewCount?: number;
+    /** Shows the numeric rating + review count text next to the stars. Defaults to true. */
+    showLabel?: boolean;
+    /** Figma Orientation axis. Only meaningful while showLabel is true. Defaults to "horizontal". */
+    orientation?: StarRatingOrientation;
+    formatReviewCount?: (count: number) => string;
+    className?: string;
+}
+export declare const StarRating: React.FC<StarRatingProps>;
+export default StarRating;

package/dist/components/ECommerceComponents/StarRating/index.d.ts

@@ -0,0 +1,2 @@
+export { StarRating, default } from './StarRating';
+export type { StarRatingProps, StarRatingOrientation } from './StarRating';

package/dist/components/ECommerceComponents/StockStatus/StockStatus.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+export interface StockStatusProps {
+    quantity: number;
+    /** At or below this (and above 0), shows "Only N left" in warning. Defaults to 5. */
+    lowStockThreshold?: number;
+    /** Overrides the derived label text; the derived color still applies. */
+    label?: string;
+    className?: string;
+}
+export declare const StockStatus: React.FC<StockStatusProps>;
+export default StockStatus;

package/dist/components/ECommerceComponents/StockStatus/index.d.ts

@@ -0,0 +1,2 @@
+export { StockStatus, default } from './StockStatus';
+export type { StockStatusProps } from './StockStatus';

package/dist/components/ECommerceComponents/WishlistButton/WishlistButton.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface WishlistButtonProps {
+    saved?: boolean;
+    onToggle?: (saved: boolean) => void;
+    /** Accessible name for the item being saved, e.g. "Ceramic Pour-Over Mug". */
+    label?: string;
+    className?: string;
+}
+export declare const WishlistButton: React.FC<WishlistButtonProps>;
+export default WishlistButton;

package/dist/components/ECommerceComponents/WishlistButton/index.d.ts

@@ -0,0 +1,2 @@
+export { WishlistButton, default } from './WishlistButton';
+export type { WishlistButtonProps } from './WishlistButton';

package/dist/components/MarketingComponents/BlogBlockquote/BlogBlockquote.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+export interface BlogBlockquoteAuthor {
+    name: string;
+    /** e.g. "Founder at Loopline" -- rendered after the name as ", {role}". */
+    role: string;
+    avatarSrc?: string;
+    avatarAlt?: string;
+}
+export interface BlogBlockquoteProps {
+    quote: string;
+    /** Presence switches to the card + quote-mark-glyphs + attribution-row treatment. */
+    author?: BlogBlockquoteAuthor;
+    className?: string;
+}
+export declare const BlogBlockquote: React.FC<BlogBlockquoteProps>;
+export default BlogBlockquote;

package/dist/components/MarketingComponents/BlogBlockquote/index.d.ts

@@ -0,0 +1,2 @@
+export { BlogBlockquote, default } from './BlogBlockquote';
+export type { BlogBlockquoteProps, BlogBlockquoteAuthor } from './BlogBlockquote';

package/dist/components/MarketingComponents/BlogFeatureText/BlogFeatureText.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export type BlogFeatureTextAlign = 'left' | 'top';
+export interface BlogFeatureTextProps {
+    text: string;
+    /** Figma Align axis. Defaults to "left". */
+    align?: BlogFeatureTextAlign;
+    className?: string;
+}
+export declare const BlogFeatureText: React.FC<BlogFeatureTextProps>;
+export default BlogFeatureText;

package/dist/components/MarketingComponents/BlogFeatureText/index.d.ts

@@ -0,0 +1,2 @@
+export { BlogFeatureText, default } from './BlogFeatureText';
+export type { BlogFeatureTextProps, BlogFeatureTextAlign } from './BlogFeatureText';

package/dist/components/MarketingComponents/BlogImage/BlogImage.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+export type BlogImageSize = 'large' | 'small';
+export interface BlogImageProps {
+    src: string;
+    alt?: string;
+    /** Figma Size axis. Defaults to "large". */
+    size?: BlogImageSize;
+    /** Presence renders the centered caption row below the image. */
+    caption?: string;
+    className?: string;
+}
+export declare const BlogImage: React.FC<BlogImageProps>;
+export default BlogImage;

package/dist/components/MarketingComponents/BlogImage/index.d.ts

@@ -0,0 +1,2 @@
+export { BlogImage, default } from './BlogImage';
+export type { BlogImageProps, BlogImageSize } from './BlogImage';

package/dist/components/MarketingComponents/BlogListingCard/BlogListingCard.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+export type BlogListingCardLayout = 'default' | 'horizontal';
+export interface BlogListingCardAuthor {
+    name: string;
+    /** e.g. "Aug 12, 2026" -- rendered after the name as " · {date}". */
+    date: string;
+    avatarSrc?: string;
+    avatarAlt?: string;
+}
+export interface BlogListingCardProps {
+    image: string;
+    imageAlt?: string;
+    category: string;
+    /** e.g. "11 mins read". */
+    readTime: string;
+    title: string;
+    excerpt: string;
+    author: BlogListingCardAuthor;
+    /** Figma Style axis. Defaults to "default". */
+    layout?: BlogListingCardLayout;
+    className?: string;
+}
+export declare const BlogListingCard: React.FC<BlogListingCardProps>;
+export default BlogListingCard;

package/dist/components/MarketingComponents/BlogListingCard/index.d.ts

@@ -0,0 +1,2 @@
+export { BlogListingCard, default } from './BlogListingCard';
+export type { BlogListingCardProps, BlogListingCardAuthor, BlogListingCardLayout } from './BlogListingCard';

package/dist/components/MarketingComponents/BlogListingFeaturedCard/BlogListingFeaturedCard.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+export type BlogListingFeaturedCardOrientation = 'horizontal' | 'vertical';
+export interface BlogListingFeaturedCardAuthor {
+    name: string;
+    /** e.g. "Aug 12, 2026" -- rendered after the name as " · {date}". */
+    date: string;
+    avatarSrc?: string;
+    avatarAlt?: string;
+    /** 1–2 letters, shown when no avatarSrc -- e.g. "AK", matching Figma's own initials Avatar here. */
+    initials?: string;
+}
+export interface BlogListingFeaturedCardProps {
+    image: string;
+    imageAlt?: string;
+    /** Defaults to "Featured", matching this card's own purpose. */
+    badgeLabel?: string;
+    title: string;
+    excerpt: string;
+    author: BlogListingFeaturedCardAuthor;
+    ctaLabel?: string;
+    onCtaClick?: () => void;
+    /** Figma Orientation axis. Defaults to "horizontal". */
+    orientation?: BlogListingFeaturedCardOrientation;
+    className?: string;
+}
+export declare const BlogListingFeaturedCard: React.FC<BlogListingFeaturedCardProps>;
+export default BlogListingFeaturedCard;

package/dist/components/MarketingComponents/BlogListingFeaturedCard/index.d.ts

@@ -0,0 +1,2 @@
+export { BlogListingFeaturedCard, default } from './BlogListingFeaturedCard';
+export type { BlogListingFeaturedCardProps, BlogListingFeaturedCardAuthor, BlogListingFeaturedCardOrientation } from './BlogListingFeaturedCard';

package/dist/components/MarketingComponents/FeaturedIcon/FeaturedIcon.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+export type FeaturedIconSize = 'sm' | 'md' | 'lg';
+export type FeaturedIconVariant = 'light' | 'outline' | 'solid' | 'subtle';
+export interface FeaturedIconProps {
+    icon: React.ReactNode;
+    /** Figma Size axis. Defaults to "md". */
+    size?: FeaturedIconSize;
+    /** Figma Style axis (renamed to avoid colliding with the DOM `style` prop). Defaults to "light". */
+    variant?: FeaturedIconVariant;
+    className?: string;
+}
+export declare const FeaturedIcon: React.FC<FeaturedIconProps>;
+export default FeaturedIcon;

package/dist/components/MarketingComponents/FeaturedIcon/index.d.ts

@@ -0,0 +1,2 @@
+export { FeaturedIcon, default } from './FeaturedIcon';
+export type { FeaturedIconProps, FeaturedIconSize, FeaturedIconVariant } from './FeaturedIcon';

package/dist/components/MarketingComponents/FirstPageHeading/FirstPageHeading.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { AvatarGroupProps } from '../../AvatarGroup';
+export type FirstPageHeadingAlign = 'center' | 'left';
+export interface FirstPageHeadingCta {
+    label: string;
+    onClick?: () => void;
+}
+export interface FirstPageHeadingProps {
+    title: string;
+    description?: string;
+    /** Presence renders the pill badge above the title. */
+    badgeLabel?: string;
+    primaryCta?: FirstPageHeadingCta;
+    secondaryCta?: FirstPageHeadingCta;
+    /** Presence (non-empty) renders the overlapping avatar stack. */
+    avatars?: AvatarGroupProps['avatars'];
+    /** Optional caption under the avatar stack, e.g. "21.3K happy users". */
+    avatarsCaption?: string;
+    /** Figma Align axis. Defaults to "center". */
+    align?: FirstPageHeadingAlign;
+    className?: string;
+}
+export declare const FirstPageHeading: React.FC<FirstPageHeadingProps>;
+export default FirstPageHeading;

package/dist/components/MarketingComponents/FirstPageHeading/index.d.ts

@@ -0,0 +1,2 @@
+export { FirstPageHeading, default } from './FirstPageHeading';
+export type { FirstPageHeadingProps, FirstPageHeadingCta, FirstPageHeadingAlign } from './FirstPageHeading';

package/dist/components/MarketingComponents/JobListing/JobListing.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { LocationDotStatus } from '../LocationDot';
+export type JobListingLayout = 'card' | 'row';
+export interface JobListingProps {
+    title: string;
+    description: string;
+    department: string;
+    employmentType: string;
+    location: string;
+    /** Drives LocationDot's color. Defaults to "remote", matching Figma's own Job Listing instances. */
+    locationStatus?: LocationDotStatus;
+    onApply?: () => void;
+    applyLabel?: string;
+    /** Figma Style axis. Defaults to "card". */
+    layout?: JobListingLayout;
+    className?: string;
+}
+export declare const JobListing: React.FC<JobListingProps>;
+export default JobListing;

package/dist/components/MarketingComponents/JobListing/index.d.ts

@@ -0,0 +1,2 @@
+export { JobListing, default } from './JobListing';
+export type { JobListingProps, JobListingLayout } from './JobListing';

package/dist/components/MarketingComponents/List/List.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export type ListStyle = 'check' | 'bullet' | 'arrow';
+export interface ListProps {
+    items: string[];
+    /** Figma Style axis. Defaults to "check". */
+    style?: ListStyle;
+    className?: string;
+}
+export declare const List: React.FC<ListProps>;
+export default List;

package/dist/components/MarketingComponents/List/index.d.ts

@@ -0,0 +1,2 @@
+export { List, default } from './List';
+export type { ListProps, ListStyle } from './List';

package/dist/components/MarketingComponents/LocationDot/LocationDot.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export type LocationDotStatus = 'active' | 'remote';
+export interface LocationDotProps {
+    location: string;
+    /** Figma Status axis. Defaults to "active". */
+    status?: LocationDotStatus;
+    className?: string;
+}
+export declare const LocationDot: React.FC<LocationDotProps>;
+export default LocationDot;

package/dist/components/MarketingComponents/LocationDot/index.d.ts

@@ -0,0 +1,2 @@
+export { LocationDot, default } from './LocationDot';
+export type { LocationDotProps, LocationDotStatus } from './LocationDot';

package/dist/components/MarketingComponents/Marquee/Marquee.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+export interface MarqueeProps {
+    items: React.ReactNode[];
+    /** Scroll speed in pixels/second at rest (pre-hover). Defaults to 40. */
+    speed?: number;
+    /** Gap between items, in px. Figma uses 32 for Logos, 12 for Text -- no shared default assumption, so this must be passed explicitly. */
+    gap: number;
+    className?: string;
+}
+export declare const Marquee: React.FC<MarqueeProps>;
+export default Marquee;

package/dist/components/MarketingComponents/Marquee/index.d.ts

@@ -0,0 +1,2 @@
+export { Marquee, default } from './Marquee';
+export type { MarqueeProps } from './Marquee';

package/dist/components/MarketingComponents/Metric/Metric.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface MetricProps {
+    value: string;
+    label: string;
+    /** Signed percentage (e.g. -0.2 for a decline). Presence renders the trend chip. */
+    trend?: number;
+    className?: string;
+}
+export declare const Metric: React.FC<MetricProps>;
+export default Metric;

package/dist/components/MarketingComponents/Metric/index.d.ts

@@ -0,0 +1,2 @@
+export { Metric, default } from './Metric';
+export type { MetricProps } from './Metric';

package/dist/components/MarketingComponents/MobileNavigationMenu/MobileNavigationMenu.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+export interface MobileNavLink {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+}
+export interface MobileNavigationMenuProps {
+    label: string;
+    links: MobileNavLink[];
+    ctaLabel?: string;
+    onCtaClick?: () => void;
+    /** Controlled open state. Omit to let the menu manage its own toggle. */
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+}
+export declare const MobileNavigationMenu: React.FC<MobileNavigationMenuProps>;
+export default MobileNavigationMenu;

package/dist/components/MarketingComponents/MobileNavigationMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { MobileNavigationMenu, default } from './MobileNavigationMenu';
+export type { MobileNavigationMenuProps, MobileNavLink } from './MobileNavigationMenu';

package/dist/components/MarketingComponents/PlaceholderLogo/PlaceholderLogo.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+export type PlaceholderLogoSize = 'sm' | 'md' | 'lg';
+export interface PlaceholderLogoProps {
+    /** Figma Size axis. Defaults to "md". */
+    size?: PlaceholderLogoSize;
+    /** Custom logo/icon slot. Defaults to the Sakani mark, matching Figma. */
+    logo?: React.ReactNode;
+    /** Accessible name, e.g. "Acme Inc." */
+    label?: string;
+    className?: string;
+}
+export declare const PlaceholderLogo: React.FC<PlaceholderLogoProps>;
+export default PlaceholderLogo;

package/dist/components/MarketingComponents/PlaceholderLogo/index.d.ts

@@ -0,0 +1,2 @@
+export { PlaceholderLogo, default } from './PlaceholderLogo';
+export type { PlaceholderLogoProps, PlaceholderLogoSize } from './PlaceholderLogo';

package/dist/components/MarketingComponents/ProfileCard/ProfileCard.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+export interface ProfileCardSocialLink {
+    icon: React.ReactNode;
+    /** Accessible name, e.g. "X (Twitter)". */
+    label: string;
+    href?: string;
+    onClick?: () => void;
+}
+export interface ProfileCardProps {
+    name: string;
+    role: string;
+    avatarSrc?: string;
+    avatarAlt?: string;
+    /** Presence (with or without socialLinks) switches to the centered Detailed layout. */
+    bio?: string;
+    socialLinks?: ProfileCardSocialLink[];
+    className?: string;
+}
+export declare const ProfileCard: React.FC<ProfileCardProps>;
+export default ProfileCard;

package/dist/components/MarketingComponents/ProfileCard/SocialIcons.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export declare const XIcon: React.FC<{
+    size?: number;
+}>;
+export declare const GithubIcon: React.FC<{
+    size?: number;
+}>;

package/dist/components/MarketingComponents/ProfileCard/index.d.ts

@@ -0,0 +1,2 @@
+export { ProfileCard, default } from './ProfileCard';
+export type { ProfileCardProps, ProfileCardSocialLink } from './ProfileCard';

package/dist/components/MarketingComponents/RichTextHeading/RichTextHeading.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export type RichTextHeadingLevel = 'h2' | 'h3';
+export interface RichTextHeadingProps {
+    children: React.ReactNode;
+    /** Figma Level axis. Defaults to "h2". */
+    level?: RichTextHeadingLevel;
+    className?: string;
+}
+export declare const RichTextHeading: React.FC<RichTextHeadingProps>;
+export default RichTextHeading;

package/dist/components/MarketingComponents/RichTextHeading/index.d.ts

@@ -0,0 +1,2 @@
+export { RichTextHeading, default } from './RichTextHeading';
+export type { RichTextHeadingProps, RichTextHeadingLevel } from './RichTextHeading';

package/dist/components/MarketingComponents/RichTextParagraph/RichTextParagraph.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export interface RichTextParagraphProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const RichTextParagraph: React.FC<RichTextParagraphProps>;
+export default RichTextParagraph;

package/dist/components/MarketingComponents/RichTextParagraph/index.d.ts

@@ -0,0 +1,2 @@
+export { RichTextParagraph, default } from './RichTextParagraph';
+export type { RichTextParagraphProps } from './RichTextParagraph';

package/dist/components/MarketingComponents/SectionHeading/SectionHeading.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+export type SectionHeadingAlign = 'center' | 'left';
+export interface SectionHeadingProps {
+    /** Small pill above the title, e.g. "Features". Omit to hide it. */
+    eyebrow?: string;
+    title: string;
+    subtitle?: string;
+    /** Figma Align axis. Defaults to "center". */
+    align?: SectionHeadingAlign;
+    /** Heading tag for `title`. Defaults to "h2". */
+    titleAs?: 'h1' | 'h2' | 'h3' | 'h4';
+    className?: string;
+}
+export declare const SectionHeading: React.FC<SectionHeadingProps>;
+export default SectionHeading;

package/dist/components/MarketingComponents/SectionHeading/index.d.ts

@@ -0,0 +1,2 @@
+export { SectionHeading, default } from './SectionHeading';
+export type { SectionHeadingProps, SectionHeadingAlign } from './SectionHeading';

package/dist/components/MarketingComponents/SubFeature/SubFeature.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export type SubFeatureLayout = 'horizontal' | 'vertical';
+export interface SubFeatureProps {
+    icon: React.ReactNode;
+    title: string;
+    description: string;
+    /** Figma Layout axis. Defaults to "horizontal". */
+    layout?: SubFeatureLayout;
+    /** Figma "Left border" axis. Defaults to false. */
+    leftBorder?: boolean;
+    className?: string;
+}
+export declare const SubFeature: React.FC<SubFeatureProps>;
+export default SubFeature;