react-component-kit-ui 0.0.0-stage → 0.1.0

package/dist/types/components/lib/sections/ShopCollectionMosaic.d.ts

@@ -0,0 +1,37 @@
+import './ShopCollectionMosaic.css';
+interface Tile {
+    title: string;
+    text?: string;
+    href: string;
+    count?: number;
+    icon?: string;
+    hue?: number;
+    image?: string;
+}
+/**
+ * ShopCollectionMosaic — Asymmetric collection grid: one tall feature tile and smaller tiles,
+ * each with an index number, title, item count and an underline link.
+ *
+ * @param {string} eyebrow - Small label. Default 'Collections'.
+ * @param {string} title - Section heading. Default 'Shop by *intention*'.
+ * @param {Array<{title: string, text?: string, href: string, count?: number, icon?: string, hue?: number, image?: string}>} items - 2–5 tiles; the first one is featured.
+ * @param {string} linkLabel - Tile link text. Default 'Explore'.
+ * @param {string} countLabel - Suffix after counts. Default 'pieces'.
+ * @param {string} variant - Layout (feature-left|feature-right). Default 'feature-left'.
+ * @param {string} size - Tile height (sm|md|lg). Default 'md'.
+ * @param {string} className - Extra class.
+ *
+ * Accessibility: each tile is one link with a heading inside; art is decorative.
+ */
+export interface ShopCollectionMosaicProps {
+    eyebrow?: string;
+    title?: string;
+    items?: Tile[];
+    linkLabel?: string;
+    countLabel?: string;
+    variant?: 'feature-left' | 'feature-right';
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export declare function ShopCollectionMosaic({ eyebrow, title, items, linkLabel, countLabel, variant, size, className, }: ShopCollectionMosaicProps): import("react").JSX.Element;
+export default ShopCollectionMosaic;

package/dist/types/components/lib/sections/ShopFooterWordmark.d.ts

@@ -0,0 +1,38 @@
+import './ShopFooterWordmark.css';
+/**
+ * ShopFooterWordmark — Store footer with link columns, contact block, payment labels and a
+ * giant edge-to-edge wordmark at the bottom.
+ *
+ * @param {string} brand - Wordmark. Default 'Forma'.
+ * @param {string} brandHref - Wordmark link. Default '/'.
+ * @param {Array<{title: string, links: {label: string, href: string}[]}>} columns - Link columns.
+ * @param {{title: string, lines: string[]}} contact - Contact block (optional).
+ * @param {string[]} payments - Payment method labels. Default Visa · Mastercard · PayPal · Apple Pay.
+ * @param {string} copyright - Bottom-left text.
+ * @param {string} variant - Style (plain|inverted). Default 'plain'.
+ * @param {string} className - Extra class.
+ *
+ * Accessibility: footer landmark with a visually hidden heading; columns are nav lists; the
+ * wordmark is decorative (aria-hidden) and duplicated by the visible brand link.
+ */
+export interface ShopFooterWordmarkProps {
+    brand?: string;
+    brandHref?: string;
+    columns?: Array<{
+        title: string;
+        links: Array<{
+            label: string;
+            href: string;
+        }>;
+    }>;
+    contact?: {
+        title: string;
+        lines: string[];
+    };
+    payments?: string[];
+    copyright?: string;
+    variant?: 'plain' | 'inverted';
+    className?: string;
+}
+export declare function ShopFooterWordmark({ brand, brandHref, columns, contact, payments, copyright, variant, className, }: ShopFooterWordmarkProps): import("react").JSX.Element;
+export default ShopFooterWordmark;

package/dist/types/components/lib/sections/ShopHeaderEditorial.d.ts

@@ -0,0 +1,61 @@
+import './ShopHeaderEditorial.css';
+interface Col {
+    title: string;
+    links: Array<{
+        label: string;
+        href: string;
+    }>;
+}
+interface Feature {
+    title: string;
+    text?: string;
+    href: string;
+    icon?: string;
+    hue?: number;
+}
+interface NavLink {
+    label: string;
+    href: string;
+    columns?: Col[];
+    feature?: Feature;
+}
+/**
+ * ShopHeaderEditorial — Editorial store header: thin announcement line, left menu, centred
+ * wordmark, right utilities (search, theme toggle, bag count) and a full-width mega menu.
+ *
+ * @param {string} brand - Wordmark text. Default 'Forma'.
+ * @param {string} brandHref - Wordmark link. Default '/'.
+ * @param {string} announcement - Top line text (empty hides it).
+ * @param {Array} links - `{ label, href, columns?: { title, links: {label, href}[] }[], feature?: { title, text, href, icon?, hue? } }`.
+ * @param {string} searchHref - Search page URL (empty hides the icon). Default '#'.
+ * @param {string} bagHref - Bag page URL. When empty, the bag button opens a CartDrawer instead.
+ * @param {string} cartKey - Cart storage key for the live count. Default 'ack-cart'.
+ * @param {boolean} themeToggle - Show a light/dark toggle (html[data-theme]). Default true.
+ * @param {string} currentHref - Marks the active link.
+ * @param {boolean} sticky - Stick to the top on scroll. Default true.
+ * @param {string} variant - Style (paper|transparent|inverted). Default 'paper'.
+ * @param {string} size - Height (sm|md|lg). Default 'md'.
+ * @param {string} id - Base id. Default 'shop-header'.
+ * @param {string} className - Extra class.
+ *
+ * Accessibility: mega menus are disclosure buttons (aria-expanded) that close on Escape/outside
+ * click; the mobile menu is a disclosure too; the bag link label includes the live count.
+ */
+export interface ShopHeaderEditorialProps {
+    brand?: string;
+    brandHref?: string;
+    announcement?: string;
+    links?: NavLink[];
+    searchHref?: string;
+    bagHref?: string;
+    cartKey?: string;
+    themeToggle?: boolean;
+    currentHref?: string;
+    sticky?: boolean;
+    variant?: 'paper' | 'transparent' | 'inverted';
+    size?: 'sm' | 'md' | 'lg';
+    id?: string;
+    className?: string;
+}
+export declare function ShopHeaderEditorial({ brand, brandHref, announcement, links, searchHref, bagHref, cartKey, themeToggle, currentHref, sticky, variant, size, id, className, }: ShopHeaderEditorialProps): import("react").JSX.Element;
+export default ShopHeaderEditorial;

package/dist/types/components/lib/sections/ShopHeroEditorial.d.ts

@@ -0,0 +1,45 @@
+import './ShopHeroEditorial.css';
+interface Cta {
+    label: string;
+    href: string;
+}
+/**
+ * ShopHeroEditorial — Magazine-style shop hero: oversized serif headline with an italic accent
+ * word, issue/season meta, two CTAs, a tall feature image with caption and a running ticker.
+ *
+ * @param {string} kicker - Small label above the title. Default 'Autumn / Winter 26'.
+ * @param {string} title - Headline (wrap a word in *asterisks* to italicise it). Default 'Quiet *objects* for everyday rituals'.
+ * @param {string} text - Supporting paragraph.
+ * @param {{label: string, href: string}} primary - Main CTA.
+ * @param {{label: string, href: string}} secondary - Secondary CTA (optional).
+ * @param {{icon?: string, hue?: number, image?: string, alt?: string, caption?: string, href?: string}} media - Feature visual.
+ * @param {string[]} ticker - Words for the running ticker (empty hides it).
+ * @param {string} issue - Small index label, e.g. "N° 04".
+ * @param {string} variant - Layout (split|stacked). Default 'split'.
+ * @param {string} size - Vertical rhythm (sm|md|lg). Default 'md'.
+ * @param {string} className - Extra class.
+ *
+ * Accessibility: one h1; ticker is decorative (aria-hidden) and stops with reduced motion.
+ */
+export interface ShopHeroEditorialProps {
+    kicker?: string;
+    title?: string;
+    text?: string;
+    primary?: Cta;
+    secondary?: Cta;
+    media?: {
+        icon?: string;
+        hue?: number;
+        image?: string;
+        alt?: string;
+        caption?: string;
+        href?: string;
+    };
+    ticker?: string[];
+    issue?: string;
+    variant?: 'split' | 'stacked';
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export declare function ShopHeroEditorial({ kicker, title, text, primary, secondary, media, ticker, issue, variant, size, className, }: ShopHeroEditorialProps): import("react").JSX.Element;
+export default ShopHeroEditorial;

package/dist/types/components/lib/sections/ShopLookbook.d.ts

@@ -0,0 +1,47 @@
+import type { Product } from '../ecommerce/types';
+import './ShopLookbook.css';
+interface Spot {
+    x: number;
+    y: number;
+    product: Product;
+    href?: string;
+}
+/**
+ * ShopLookbook — "Shop the look": a large editorial image with numbered hotspots. Each hotspot
+ * opens a small product card (name, price, link and add to bag) and highlights it in the side list.
+ *
+ * @param {string} eyebrow - Small label. Default 'Lookbook'.
+ * @param {string} title - Heading (use *asterisks* for italics). Default 'Shop the *look*'.
+ * @param {string} text - Intro copy.
+ * @param {{icon?: string, hue?: number, image?: string, alt?: string}} media - Scene visual.
+ * @param {Array<{x: number, y: number, product: Product, href?: string}>} spots - Hotspots; x/y in % of the image.
+ * @param {string} currency - ISO currency. Default 'EUR'.
+ * @param {string} locale - Number format locale. Default 'en-GB'.
+ * @param {string} cartKey - Cart storage key. Default 'ack-cart'.
+ * @param {string} variant - Layout (image-left|image-right). Default 'image-left'.
+ * @param {string} id - Base id. Default 'lookbook'.
+ * @param {string} className - Extra class.
+ *
+ * Accessibility: hotspots are buttons with full labels and aria-expanded; the same products are
+ * listed as plain links next to the image, so the look is usable without the hotspots.
+ */
+export interface ShopLookbookProps {
+    eyebrow?: string;
+    title?: string;
+    text?: string;
+    media?: {
+        icon?: string;
+        hue?: number;
+        image?: string;
+        alt?: string;
+    };
+    spots?: Spot[];
+    currency?: string;
+    locale?: string;
+    cartKey?: string;
+    variant?: 'image-left' | 'image-right';
+    id?: string;
+    className?: string;
+}
+export declare function ShopLookbook({ eyebrow, title, text, media, spots, currency, locale, cartKey, variant, id, className, }: ShopLookbookProps): import("react").JSX.Element;
+export default ShopLookbook;

package/dist/types/components/lib/sections/ShopNewsletterEditorial.d.ts

@@ -0,0 +1,33 @@
+import './ShopNewsletterEditorial.css';
+/**
+ * ShopNewsletterEditorial — Oversized editorial sign-up: large serif statement on one side,
+ * underline-style email field, consent note and inline success/error messages on the other.
+ *
+ * @param {string} title - Statement (use *asterisks* for italics). Default 'Letters from the *studio*'.
+ * @param {string} text - Supporting copy.
+ * @param {string} action - Form action. With '#' the form validates and confirms locally. Default '#'.
+ * @param {string} buttonLabel - Submit label. Default 'Subscribe'.
+ * @param {string} consent - Small print under the field.
+ * @param {string} successText - Message after a valid submit.
+ * @param {string} variant - Style (plain|inverted|accent). Default 'plain'.
+ * @param {string} size - Type scale (sm|md|lg). Default 'md'.
+ * @param {string} id - Base id. Default 'shop-news'.
+ * @param {string} className - Extra class.
+ *
+ * Accessibility: labelled email input with autocomplete, aria-invalid + described error,
+ * messages in a polite live region.
+ */
+export interface ShopNewsletterEditorialProps {
+    title?: string;
+    text?: string;
+    action?: string;
+    buttonLabel?: string;
+    consent?: string;
+    successText?: string;
+    variant?: 'plain' | 'inverted' | 'accent';
+    size?: 'sm' | 'md' | 'lg';
+    id?: string;
+    className?: string;
+}
+export declare function ShopNewsletterEditorial({ title, text, action, buttonLabel, consent, successText, variant, size, id, className, }: ShopNewsletterEditorialProps): import("react").JSX.Element;
+export default ShopNewsletterEditorial;

package/dist/types/components/lib/sections/ShopProductRail.d.ts

@@ -0,0 +1,41 @@
+import type { Product } from '../ecommerce/types';
+import './ShopProductRail.css';
+/**
+ * ShopProductRail — Horizontal, scroll-snapping product carousel of ProductCardMinimal cards with
+ * numbered items, prev/next buttons and a progress line.
+ *
+ * @param {string} eyebrow - Small label. Default 'Just in'.
+ * @param {string} title - Heading. Default 'New this *week*'.
+ * @param {Product[]} products - Products to show.
+ * @param {string} productBase - Product URL prefix (`${productBase}${slug}/`). Default '#'.
+ * @param {{label: string, href: string}} link - "View all" link (optional).
+ * @param {boolean} numbered - Show "N° 01" on cards. Default true.
+ * @param {string} currency - ISO currency. Default 'EUR'.
+ * @param {string} locale - Number format locale. Default 'en-GB'.
+ * @param {string} cartKey - Cart storage key. Default 'ack-cart'.
+ * @param {string} id - Rail id (unique per page). Default 'product-rail'.
+ * @param {string} size - Card width (sm|md|lg). Default 'md'.
+ * @param {string} className - Extra class.
+ *
+ * Accessibility: the rail is a labelled region (role="region") scrollable with keyboard;
+ * buttons have labels and disable at the ends; snapping is disabled with reduced motion.
+ */
+export interface ShopProductRailProps {
+    eyebrow?: string;
+    title?: string;
+    products?: Product[];
+    productBase?: string;
+    link?: {
+        label: string;
+        href: string;
+    };
+    numbered?: boolean;
+    currency?: string;
+    locale?: string;
+    cartKey?: string;
+    id?: string;
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export declare function ShopProductRail({ eyebrow, title, products, productBase, link, numbered, currency, locale, cartKey, id, size, className, }: ShopProductRailProps): import("react").JSX.Element;
+export default ShopProductRail;

package/dist/types/components/lib/sections/ShopReviewsEditorial.d.ts

@@ -0,0 +1,34 @@
+import './ShopReviewsEditorial.css';
+interface Review {
+    quote: string;
+    name: string;
+    place?: string;
+    product?: string;
+    rating?: number;
+}
+/**
+ * ShopReviewsEditorial — Customer voices as one large serif quote at a time, with product
+ * context, star rating, numbered pager and an overall score.
+ *
+ * @param {string} eyebrow - Small label. Default 'Customer notes'.
+ * @param {number} score - Average rating shown on the side. Default 4.9.
+ * @param {number} count - Total reviews. Default 1284.
+ * @param {Array<{quote: string, name: string, place?: string, product?: string, rating?: number}>} reviews - Quotes.
+ * @param {number} interval - Auto-advance in ms (0 = manual only). Default 7000.
+ * @param {string} variant - Style (plain|boxed). Default 'plain'.
+ * @param {string} className - Extra class.
+ *
+ * Accessibility: a labelled carousel region; slides are figures with figcaption; auto-advance
+ * pauses on hover/focus, is off with reduced motion, and pager buttons use aria-current.
+ */
+export interface ShopReviewsEditorialProps {
+    eyebrow?: string;
+    score?: number;
+    count?: number;
+    reviews?: Review[];
+    interval?: number;
+    variant?: 'plain' | 'boxed';
+    className?: string;
+}
+export declare function ShopReviewsEditorial({ eyebrow, score, count, reviews, interval, variant, className, }: ShopReviewsEditorialProps): import("react").JSX.Element;
+export default ShopReviewsEditorial;

package/dist/types/components/lib/sections/ShopValuesMarquee.d.ts

@@ -0,0 +1,28 @@
+import './ShopValuesMarquee.css';
+/**
+ * ShopValuesMarquee — Brand promise band: an oversized italic marquee followed by numbered
+ * value columns (materials, making, after-care…).
+ *
+ * @param {string[]} words - Marquee words. Empty hides the marquee.
+ * @param {Array<{title: string, text: string}>} values - 2–4 value columns.
+ * @param {number} speed - Marquee loop duration in seconds. Default 36.
+ * @param {string} variant - Style (plain|inverted). Default 'plain'.
+ * @param {string} size - Marquee scale (sm|md|lg). Default 'md'.
+ * @param {string} className - Extra class.
+ *
+ * Accessibility: the marquee is decorative (aria-hidden) and pauses on hover and with reduced
+ * motion; values are a real list with headings.
+ */
+export interface ShopValuesMarqueeProps {
+    words?: string[];
+    values?: Array<{
+        title: string;
+        text: string;
+    }>;
+    speed?: number;
+    variant?: 'plain' | 'inverted';
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export declare function ShopValuesMarquee({ words, values, speed, variant, size, className, }: ShopValuesMarqueeProps): import("react").JSX.Element;
+export default ShopValuesMarquee;

package/dist/types/components/lib/sections/StatsCounterBand.d.ts

@@ -0,0 +1,30 @@
+import './StatsCounterBand.css';
+interface Stat {
+    value: number;
+    prefix?: string;
+    suffix?: string;
+    label: string;
+    decimals?: number;
+}
+/**
+ * StatsCounterBand — Full-width band of headline numbers that count up when
+ * scrolled into view. Final values are in the HTML, so no-JS and screen
+ * readers always get the real number; motion respects reduced-motion.
+ *
+ * @param {string} title - Optional heading (visually hidden when `hideTitle`).
+ * @param {boolean} hideTitle - Visually hide the heading.
+ * @param {Array<{value: number, prefix?: string, suffix?: string, label: string, decimals?: number}>} stats - Numbers.
+ * @param {string} variant - Band style (divided|cards|plain).
+ * @param {string} size - Vertical rhythm (sm|md|lg).
+ * @param {string} className - Extra CSS class.
+ */
+export interface StatsCounterBandProps {
+    title?: string;
+    hideTitle?: boolean;
+    stats?: Stat[];
+    variant?: 'divided' | 'cards' | 'plain';
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export declare function StatsCounterBand({ title, hideTitle, stats, variant, size, className, }: StatsCounterBandProps): import("react").JSX.Element;
+export default StatsCounterBand;

package/dist/types/components/lib/sections/StatsDashboardSection.d.ts

@@ -0,0 +1,31 @@
+import './StatsDashboardSection.css';
+interface Kpi {
+    label: string;
+    value: string;
+    change: number;
+    trend?: number[];
+    invert?: boolean;
+}
+/**
+ * StatsDashboardSection — Complete analytics section: heading, KPI tile row and
+ * two charts (trend + ranked breakdown) composed from the kit's SVG charts.
+ *
+ * @param {string} eyebrow - Small label above the heading.
+ * @param {string} title - Section heading.
+ * @param {string} subtitle - Section description.
+ * @param {Array<{label: string, value: string, change: number, trend?: number[], invert?: boolean}>} kpis - KPI tiles.
+ * @param {string} variant - Chart card style (glass|solid|ghost).
+ * @param {string} size - Vertical rhythm (sm|md|lg).
+ * @param {string} className - Extra CSS class.
+ */
+export interface StatsDashboardSectionProps {
+    eyebrow?: string;
+    title?: string;
+    subtitle?: string;
+    kpis?: Kpi[];
+    variant?: 'glass' | 'solid' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export declare function StatsDashboardSection({ eyebrow, title, subtitle, kpis, variant, size, className, }: StatsDashboardSectionProps): import("react").JSX.Element;
+export default StatsDashboardSection;

package/dist/types/components/lib/sections/StatsMetricShowcase.d.ts

@@ -0,0 +1,16 @@
+import './StatsMetricShowcase.css';
+/**
+ * StatsMetricShowcase — Full-page data and numbers showcase section with KPIs, sparklines, and live telemetry indicators.
+ *
+ * @param {string} badge - Eyebrow badge text.
+ * @param {string} title - Section main heading.
+ * @param {string} subtitle - Description text.
+ */
+export interface StatsMetricShowcaseProps {
+    badge?: string;
+    title?: string;
+    subtitle?: string;
+    className?: string;
+}
+export declare function StatsMetricShowcase({ badge, title, subtitle, className }: StatsMetricShowcaseProps): import("react").JSX.Element;
+export default StatsMetricShowcase;

package/dist/types/components/lib/sections/TeamGridSection.d.ts

@@ -0,0 +1,16 @@
+import './TeamGridSection.css';
+/**
+ * TeamGridSection — Full-page team & leadership section with glass profile cards, social links, and open positions banner.
+ *
+ * @param {string} badge - Eyebrow badge text.
+ * @param {string} title - Section main heading.
+ * @param {string} subtitle - Description text.
+ */
+export interface TeamGridSectionProps {
+    badge?: string;
+    title?: string;
+    subtitle?: string;
+    className?: string;
+}
+export declare function TeamGridSection({ badge, title, subtitle, className }: TeamGridSectionProps): import("react").JSX.Element;
+export default TeamGridSection;

package/dist/types/components/lib/sections/TestimonialCarousel.d.ts

@@ -0,0 +1,26 @@
+import './TestimonialCarousel.css';
+interface Item {
+    quote: string;
+    name: string;
+    role: string;
+    rating?: number;
+}
+/**
+ * TestimonialCarousel — Scroll-snap testimonial carousel with previous/next
+ * buttons, keyboard support and no autoplay (respects user control).
+ *
+ * @param {string} title - Section heading.
+ * @param {Array<{quote: string, name: string, role: string, rating?: number}>} items - Testimonials.
+ * @param {string} variant - Card style (glass|solid|quote).
+ * @param {string} size - Vertical rhythm (sm|md|lg).
+ * @param {string} className - Extra CSS class.
+ */
+export interface TestimonialCarouselProps {
+    title?: string;
+    items?: Item[];
+    variant?: 'glass' | 'solid' | 'quote';
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export declare function TestimonialCarousel({ title, items, variant, size, className, }: TestimonialCarouselProps): import("react").JSX.Element;
+export default TestimonialCarousel;

package/dist/types/components/lib/sections/TestimonialFeatured.d.ts

@@ -0,0 +1,34 @@
+import './TestimonialFeatured.css';
+/**
+ * TestimonialFeatured — A single large customer quote paired with the company's
+ * headline results (case-study style), plus a link to the full story.
+ *
+ * @param {string} quote - The testimonial text.
+ * @param {string} name - Author name.
+ * @param {string} role - Author role and company.
+ * @param {string} company - Company wordmark text.
+ * @param {Array<{value: string, label: string}>} metrics - Outcome stats.
+ * @param {{label: string, href: string}} link - Case study link.
+ * @param {string} variant - Layout style (split|centered|card).
+ * @param {string} size - Vertical rhythm (sm|md|lg).
+ * @param {string} className - Extra CSS class.
+ */
+export interface TestimonialFeaturedProps {
+    quote?: string;
+    name?: string;
+    role?: string;
+    company?: string;
+    metrics?: Array<{
+        value: string;
+        label: string;
+    }>;
+    link?: {
+        label: string;
+        href: string;
+    };
+    variant?: 'split' | 'centered' | 'card';
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export declare function TestimonialFeatured({ quote, name, role, company, metrics, link, variant, size, className, }: TestimonialFeaturedProps): import("react").JSX.Element;
+export default TestimonialFeatured;

package/dist/types/components/lib/sections/TestimonialGridSection.d.ts

@@ -0,0 +1,15 @@
+import './TestimonialGridSection.css';
+/**
+ * TestimonialGridSection — Bento grid showcase of verified customer reviews with dark glass styling and star ratings.
+ *
+ * @param {string} eyebrow - Small uppercase category lead. Default is 'WALL OF LOVE'.
+ * @param {string} title - Section main headline. Default is 'Trusted by innovative engineering teams'.
+ * @param {string} subtitle - Subtitle description.
+ */
+export interface TestimonialGridSectionProps {
+    eyebrow?: string;
+    title?: string;
+    subtitle?: string;
+}
+export declare function TestimonialGridSection({ eyebrow, title, subtitle, }: TestimonialGridSectionProps): import("react").JSX.Element;
+export default TestimonialGridSection;

package/dist/types/components/lib/sections/TestimonialWallGlass.d.ts

@@ -0,0 +1,16 @@
+import './TestimonialWallGlass.css';
+/**
+ * TestimonialWallGlass — Full-page social proof testimonial wall with verified customer cards and stats.
+ *
+ * @param {string} badge - Eyebrow badge text.
+ * @param {string} title - Section main heading.
+ * @param {string} subtitle - Supporting description text.
+ */
+export interface TestimonialWallGlassProps {
+    badge?: string;
+    title?: string;
+    subtitle?: string;
+    className?: string;
+}
+export declare function TestimonialWallGlass({ badge, title, subtitle, className }: TestimonialWallGlassProps): import("react").JSX.Element;
+export default TestimonialWallGlass;

package/dist/types/components/lib/sections/TypographyShowcase.d.ts

@@ -0,0 +1,8 @@
+import './TypographyShowcase.css';
+/** TypographyShowcase */
+export interface TypographyShowcaseProps {
+    title?: string;
+    subtitle?: string;
+}
+export declare function TypographyShowcase({ title, subtitle }: TypographyShowcaseProps): import("react").JSX.Element;
+export default TypographyShowcase;

package/dist/types/components/lib/sections/index.d.ts

@@ -0,0 +1,60 @@
+export { default as ButtonsShowcase } from './ButtonsShowcase';
+export { default as CardsShowcase } from './CardsShowcase';
+export { default as DataShowcase } from './DataShowcase';
+export { default as FeedbackShowcase } from './FeedbackShowcase';
+export { default as FormsShowcase } from './FormsShowcase';
+export { default as LayoutShowcase } from './LayoutShowcase';
+export { default as NavigationShowcase } from './NavigationShowcase';
+export { default as OverlaysShowcase } from './OverlaysShowcase';
+export { default as TypographyShowcase } from './TypographyShowcase';
+export { default as HeroGradient } from './HeroGradient';
+export { default as HeroSplit } from './HeroSplit';
+export { default as HeroGlass } from './HeroGlass';
+export { default as FeatureBentoGrid } from './FeatureBentoGrid';
+export { default as FeatureTimelineFlow } from './FeatureTimelineFlow';
+export { default as PricingComparisonMatrix } from './PricingComparisonMatrix';
+export { default as PricingTierCards } from './PricingTierCards';
+export { default as TestimonialWallGlass } from './TestimonialWallGlass';
+export { default as CtaGlowBanner } from './CtaGlowBanner';
+export { default as CtaAppDownload } from './CtaAppDownload';
+export { default as FaqAccordionSection } from './FaqAccordionSection';
+export { default as StatsMetricShowcase } from './StatsMetricShowcase';
+export { default as TeamGridSection } from './TeamGridSection';
+export { default as ContactGlassForm } from './ContactGlassForm';
+export { default as TestimonialGridSection } from './TestimonialGridSection';
+export { default as LogoCloudSection } from './LogoCloudSection';
+export { default as HeroShowcaseSplit } from './HeroShowcaseSplit';
+export { default as HeroMinimalCentered } from './HeroMinimalCentered';
+export { default as HeroTerminal } from './HeroTerminal';
+export { default as HeroWaitlist } from './HeroWaitlist';
+export { default as HeroDashboardPreview } from './HeroDashboardPreview';
+export { default as FeatureIconGrid } from './FeatureIconGrid';
+export { default as FeatureAlternatingRows } from './FeatureAlternatingRows';
+export { default as FeatureTabsShowcase } from './FeatureTabsShowcase';
+export { default as HowItWorksSteps } from './HowItWorksSteps';
+export { default as IntegrationsGrid } from './IntegrationsGrid';
+export { default as PricingToggleCards } from './PricingToggleCards';
+export { default as PricingSinglePlan } from './PricingSinglePlan';
+export { default as TestimonialCarousel } from './TestimonialCarousel';
+export { default as TestimonialFeatured } from './TestimonialFeatured';
+export { default as CtaNewsletterSection } from './CtaNewsletterSection';
+export { default as CtaSplitImage } from './CtaSplitImage';
+export { default as StatsCounterBand } from './StatsCounterBand';
+export { default as StatsDashboardSection } from './StatsDashboardSection';
+export { default as CareersOpenings } from './CareersOpenings';
+export { default as FaqTwoColumn } from './FaqTwoColumn';
+export { default as ContactSplitMap } from './ContactSplitMap';
+export { default as LogoWallGrid } from './LogoWallGrid';
+export { default as BlogGridSection } from './BlogGridSection';
+export { default as ChangelogSection } from './ChangelogSection';
+export { default as FooterMegaSection } from './FooterMegaSection';
+export { default as ShopHeaderEditorial } from './ShopHeaderEditorial';
+export { default as ShopHeroEditorial } from './ShopHeroEditorial';
+export { default as ShopCollectionMosaic } from './ShopCollectionMosaic';
+export { default as ShopProductRail } from './ShopProductRail';
+export { default as ShopLookbook } from './ShopLookbook';
+export { default as ShopValuesMarquee } from './ShopValuesMarquee';
+export { default as ShopReviewsEditorial } from './ShopReviewsEditorial';
+export { default as ShopNewsletterEditorial } from './ShopNewsletterEditorial';
+export { default as ShopFooterWordmark } from './ShopFooterWordmark';
+export { default as ShopCategoryHero } from './ShopCategoryHero';