@nextworks/blocks-sections 0.1.0-alpha.0 → 0.1.0-alpha.13

package/dist-types/components/Pricing.d.ts

@@ -0,0 +1,96 @@
+import React from "react";
+/**
+ * Represents individual pricing plan data.
+ * @public
+ */
+export interface PricingData {
+    /** Title of the plan (e.g., "Pro") */
+    pricingPlanHeaderText?: string;
+    /** Display price (e.g., "$19.99") */
+    pricingPlanPrice?: string;
+    /** Feature list bullets */
+    pricingPlanFeatures?: string[];
+    /** CTA button label */
+    pricingPlanCTALabel?: string;
+    /** CTA button href */
+    pricingPlanCTAHref?: string;
+    /** Whether this plan should be highlighted */
+    isPopular?: boolean;
+}
+/**
+ * Props for the Pricing section component.
+ *
+ * @remarks
+ * - Styling: slot-style className overrides are merged after defaults via cn().
+ * - Motion: enableMotion toggles entrance animations and hover transitions.
+ * - Accessibility: uses a semantic <section> with an aria-label.
+ */
+interface PricingProps {
+    /** Optional id on root. @defaultValue "pricing" */
+    id?: string;
+    /** Merge-in class for root */
+    className?: string;
+    /** Heading text displayed at the top of the pricing section. @defaultValue "Choose Your Plan" */
+    pricingHeadingText?: string;
+    /** Array of individual pricing plans to display. @defaultValue defaultPricingData */
+    pricingPlans?: PricingData[];
+    /** When false, disables entrance animations and hover transitions */
+    enableMotion?: boolean;
+    /** Styling configuration objects */
+    section?: {
+        className?: string;
+    };
+    container?: {
+        className?: string;
+    };
+    heading?: {
+        className?: string;
+    };
+    grid?: {
+        className?: string;
+    };
+    card?: {
+        className?: string;
+    };
+    header?: {
+        className?: string;
+    };
+    title?: {
+        className?: string;
+    };
+    price?: {
+        className?: string;
+    };
+    features?: {
+        className?: string;
+    };
+    featureItem?: {
+        className?: string;
+    };
+    cta?: {
+        unstyled?: boolean;
+        style?: React.CSSProperties;
+        variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+        size?: "default" | "sm" | "lg" | "icon";
+        className?: string;
+    };
+    popularBadge?: {
+        className?: string;
+    };
+    /** ARIA label for the pricing section */
+    ariaLabel?: string;
+}
+/**
+ * Responsive pricing grid using PricingCard with optional motion.
+ *
+ * @remarks
+ * - Styling: exposes slot-style overrides (card, header, title, price, etc.).
+ * - Motion: enableMotion controls entrance animations and hover transitions.
+ * - Accessibility: semantic <section> with aria-label.
+ *
+ * @example
+ * <Pricing pricingPlans={[{ pricingPlanHeaderText: 'Pro', pricingPlanPrice: '$19' }]} />
+ */
+export declare function Pricing({ id, className, pricingPlans, pricingHeadingText, enableMotion, section, container, heading, grid, card, header, title, price, features, featureItem, cta, popularBadge, ariaLabel, }: PricingProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Pricing.d.ts.map

package/dist-types/components/Pricing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pricing.d.ts","sourceRoot":"","sources":["../../src/components/Pricing.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;;GAGG;AACH,MAAM,WAAW,WAAW;IAC1B,sCAAsC;IACtC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qCAAqC;IACrC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2BAA2B;IAC3B,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,uBAAuB;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,sBAAsB;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,UAAU,YAAY;IACpB,mDAAmD;IACnD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,iGAAiG;IACjG,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qFAAqF;IACrF,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAE7B,qEAAqE;IACrE,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,oCAAoC;IACpC,OAAO,CAAC,EAAE;QACR,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,SAAS,CAAC,EAAE;QACV,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,OAAO,CAAC,EAAE;QACR,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,KAAK,CAAC,EAAE;QACN,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,KAAK,CAAC,EAAE;QACN,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,GAAG,CAAC,EAAE;QACJ,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC5B,OAAO,CAAC,EACJ,SAAS,GACT,aAAa,GACb,SAAS,GACT,WAAW,GACX,OAAO,GACP,MAAM,CAAC;QACX,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;QACxC,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,YAAY,CAAC,EAAE;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IAEF,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmCD;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,CAAC,EACtB,EAAE,EACF,SAAS,EACT,YAAiC,EACjC,kBAAuC,EACvC,YAAmB,EACnB,OAEC,EACD,SAEC,EACD,OAGC,EACD,IAEC,EACD,IAGC,EACD,MAEC,EACD,KAGC,EACD,KAGC,EACD,QAEC,EACD,WAGC,EACD,GAKC,EACD,YAGC,EACD,SAA6B,GAC9B,EAAE,YAAY,qBAmEd"}

package/dist-types/components/ProcessTimeline.d.ts

@@ -0,0 +1,121 @@
+import React from "react";
+/**
+ * Interface for individual process steps.
+ * @public
+ */
+export interface ProcessStep {
+    /** Ordinal step number starting at 1 */
+    stepNumber: number;
+    /** Short title for the step */
+    title: string;
+    /** Description of what happens in this step */
+    description: string;
+    /** Optional icon or emoji to visually represent the step */
+    icon?: string;
+}
+/**
+ * Props for configuring the ProcessTimeline component (slot-style + cn).
+ *
+ * @remarks
+ * - Styling: exposes slot-style className overrides; consumer classes merge
+ *   after defaults via cn().
+ * - Layout: renders a horizontal timeline on desktop and vertical on mobile.
+ * - Accessibility: semantic <section> with aria-label.
+ */
+export interface ProcessTimelineProps {
+    /** Optional id on root */
+    id?: string;
+    /** Root className merged into section slot */
+    className?: string;
+    /** Array of steps to render. @defaultValue a 4-step discovery-to-launch flow */
+    steps?: ProcessStep[];
+    /** Section heading text. @defaultValue "Our Process" */
+    heading?: string;
+    /** Optional subheading text */
+    subheading?: string;
+    /** Styling configuration objects */
+    section?: {
+        className?: string;
+    };
+    container?: {
+        className?: string;
+    };
+    header?: {
+        className?: string;
+    };
+    headingStyle?: {
+        className?: string;
+    };
+    subheadingStyle?: {
+        className?: string;
+    };
+    timelineContainer?: {
+        className?: string;
+    };
+    desktopTimeline?: {
+        className?: string;
+    };
+    connectingLine?: {
+        className?: string;
+    };
+    stepContainer?: {
+        className?: string;
+    };
+    stepCircle?: {
+        className?: string;
+    };
+    stepNumber?: {
+        className?: string;
+    };
+    stepIcon?: {
+        className?: string;
+    };
+    stepContent?: {
+        className?: string;
+    };
+    stepTitle?: {
+        className?: string;
+    };
+    stepDescription?: {
+        className?: string;
+    };
+    mobileTimeline?: {
+        className?: string;
+    };
+    mobileStep?: {
+        className?: string;
+    };
+    mobileVerticalLine?: {
+        className?: string;
+    };
+    mobileStepCircle?: {
+        className?: string;
+    };
+    mobileStepContent?: {
+        className?: string;
+    };
+    mobileStepIcon?: {
+        className?: string;
+    };
+    mobileStepTitle?: {
+        className?: string;
+    };
+    mobileStepDescription?: {
+        className?: string;
+    };
+    /** ARIA label for the process timeline section */
+    ariaLabel?: string;
+}
+/**
+ * Responsive timeline showing a multi-step process for your workflow.
+ *
+ * @remarks
+ * - Renders horizontally on desktop and vertically on mobile.
+ * - Slot-style className overrides are merged after defaults via cn().
+ * - Uses a semantic <section> and supports aria-label.
+ *
+ * @example
+ * <ProcessTimeline steps={[{ stepNumber: 1, title: 'Plan', description: '...' }]} />
+ */
+export declare function ProcessTimeline({ id, className, steps, heading, subheading, section, container, header, headingStyle, subheadingStyle, timelineContainer, desktopTimeline, connectingLine, stepContainer, stepCircle, stepNumber, stepIcon, stepContent, stepTitle, stepDescription, mobileTimeline, mobileStep, mobileVerticalLine, mobileStepCircle, mobileStepContent, mobileStepIcon, mobileStepTitle, mobileStepDescription, ariaLabel, }: ProcessTimelineProps): React.JSX.Element;
+//# sourceMappingURL=ProcessTimeline.d.ts.map

package/dist-types/components/ProcessTimeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProcessTimeline.d.ts","sourceRoot":"","sources":["../../src/components/ProcessTimeline.tsx"],"names":[],"mappings":"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"}

package/dist-types/components/ServicesGrid.d.ts

@@ -0,0 +1,64 @@
+import React from "react";
+/**
+ * Data structure representing a single service card.
+ */
+export interface ServiceCardData {
+    icon: string;
+    title: string;
+    description: string;
+}
+/**
+ * Props to configure the ServicesGrid component (upgraded slots + cn).
+ */
+export interface ServicesGridProps {
+    /** Optional id on root */
+    id?: string;
+    /** Root className merged into section slot */
+    className?: string;
+    sectionHeading?: string;
+    servicesData?: ServiceCardData[];
+    /** When false, disables entrance animations and hover transitions */
+    enableMotion?: boolean;
+    /** Styling configuration objects */
+    section?: {
+        className?: string;
+    };
+    container?: {
+        className?: string;
+    };
+    heading?: {
+        className?: string;
+    };
+    grid?: {
+        className?: string;
+    };
+    card?: {
+        className?: string;
+    };
+    cardContent?: {
+        className?: string;
+    };
+    icon?: {
+        className?: string;
+    };
+    title?: {
+        className?: string;
+    };
+    description?: {
+        className?: string;
+    };
+    /** ARIA label for the services section */
+    ariaLabel?: string;
+}
+/**
+ * Responsive services grid with subtle motion and slot-style overrides.
+ *
+ * @remarks
+ * - Motion can be disabled globally with enableMotion.
+ * - Each card uses simple emoji icons by default; replace with real icons if preferred.
+ *
+ * @example
+ * <ServicesGrid servicesData={[{ icon: '⚙️', title: 'Automation', description: '...' }]} />
+ */
+export declare function ServicesGrid({ id, className, sectionHeading, servicesData, enableMotion, section, container, heading, grid, card, cardContent, icon, title, description, ariaLabel, }: ServicesGridProps): React.JSX.Element;
+//# sourceMappingURL=ServicesGrid.d.ts.map

package/dist-types/components/ServicesGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServicesGrid.d.ts","sourceRoot":"","sources":["../../src/components/ServicesGrid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,0BAA0B;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;IACjC,qEAAqE;IACrE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oCAAoC;IACpC,OAAO,CAAC,EAAE;QACR,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,SAAS,CAAC,EAAE;QACV,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,OAAO,CAAC,EAAE;QACR,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,KAAK,CAAC,EAAE;QACN,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8BD;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,EAC3B,EAAE,EACF,SAAS,EACT,cAA+B,EAC/B,YAAkC,EAClC,YAAmB,EACnB,OAEC,EACD,SAEC,EACD,OAGC,EACD,IAEC,EACD,IAGC,EACD,WAEC,EACD,IAEC,EACD,KAGC,EACD,WAGC,EACD,SAA8B,GAC/B,EAAE,iBAAiB,qBA0EnB"}

package/dist-types/components/Team.d.ts

@@ -0,0 +1,115 @@
+import React from "react";
+/**
+ * A social link shown on a team member card.
+ * @public
+ */
+export interface SocialLink {
+    /** Platform name (e.g., "LinkedIn") */
+    platform: string;
+    /** Destination URL */
+    url: string;
+    /** Icon identifier or emoji; replace with SVGs in real usage */
+    icon: string;
+}
+/**
+ * Team member data rendered by Team.
+ * @public
+ */
+export interface TeamMemberData {
+    /** Member name */
+    name?: string;
+    /** Job role or title */
+    role?: string;
+    /** Short bio or description */
+    bio?: string;
+    /** Avatar content (emoji or image URL if swapped out) */
+    avatar?: string;
+    /** Optional social links */
+    socialLinks?: SocialLink[];
+}
+/**
+ * Props for the Team section component.
+ *
+ * @remarks
+ * - Styling: slot-style className overrides are merged after defaults via cn().
+ * - Motion: enableMotion controls hover lift on cards.
+ * - Accessibility: semantic <section> with aria-label.
+ */
+export interface TeamProps {
+    /** Optional id on root. @defaultValue "team" */
+    id?: string;
+    /** Top-level className override */
+    className?: string;
+    /** Section heading text or object. @defaultValue "Meet Our Team" */
+    teamHeadingText?: string | {
+        text?: string;
+        className?: string;
+    };
+    /** Optional subheading text or object. @defaultValue "The talented people behind your success" */
+    teamSubheadingText?: string | {
+        text?: string;
+        className?: string;
+    };
+    /** Members to render. @defaultValue DefaultTeamData */
+    teamMembers?: TeamMemberData[];
+    /** Slot-style overrides */
+    section?: {
+        className?: string;
+    };
+    container?: {
+        className?: string;
+    };
+    header?: {
+        className?: string;
+    };
+    heading?: {
+        className?: string;
+    };
+    subheading?: {
+        className?: string;
+    };
+    grid?: {
+        className?: string;
+    };
+    card?: {
+        className?: string;
+    };
+    cardContent?: {
+        className?: string;
+    };
+    avatar?: {
+        className?: string;
+    };
+    name?: {
+        className?: string;
+    };
+    role?: {
+        className?: string;
+    };
+    bio?: {
+        className?: string;
+    };
+    socialLinks?: {
+        className?: string;
+    };
+    socialLink?: {
+        className?: string;
+    };
+    /** When false, removes hover lift on cards */
+    enableMotion?: boolean;
+    /** ARIA label for the section. @defaultValue "Team section" */
+    ariaLabel?: string;
+}
+/**
+ * Team section with heading, subheading, and a responsive member grid.
+ *
+ * @remarks
+ * - Uses a slot-style API for className overrides merged via cn().
+ * - Motion: enableMotion toggles hover lift on cards.
+ * - Accessibility: semantic <section> with aria-label.
+ *
+ * @example
+ * <Team teamMembers={[{ name: 'Alex', role: 'Engineer' }]} />
+ */
+export declare function Team({ id, className, teamMembers, teamHeadingText, teamSubheadingText, section, container, header, heading, subheading, grid, card, cardContent, avatar, name, role, bio, socialLinks, socialLink, enableMotion, ariaLabel, }: TeamProps): React.JSX.Element;
+//# sourceMappingURL=Team.d.ts.map

package/dist-types/components/Team.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Team.d.ts","sourceRoot":"","sources":["../../src/components/Team.tsx"],"names":[],"mappings":"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"}

package/dist-types/components/Testimonials.d.ts

@@ -0,0 +1,81 @@
+import React from "react";
+/**
+ * Data used to render a TestimonialCard.
+ * @public
+ */
+export interface TestimonialCardData {
+    /** The testimonial quote text */
+    testimonialText: string;
+    /** The author's display name (prefixed with hyphen in defaults) */
+    testimonialAuthor: string;
+    /** Author initials displayed in the avatar */
+    testimonialAuthorInitials: string;
+}
+/**
+ * Props for the Testimonials section component.
+ *
+ * @remarks
+ * - Styling: slot-style className overrides are merged after defaults via cn().
+ * - Motion: enableMotion toggles card hover transitions.
+ * - Accessibility: semantic <section> with aria-label.
+ */
+export interface TestimonialsProps {
+    /** Optional id */
+    id?: string;
+    /** Root className merged into slots */
+    className?: string;
+    /** Testimonial items to render. @defaultValue defaultTestimonialData */
+    testimonials?: TestimonialCardData[];
+    /** Heading displayed above the grid. @defaultValue "What Our Customers Say" */
+    testimonialSectionHeader?: string;
+    /** When false, disables hover transitions on cards */
+    enableMotion?: boolean;
+    /** Slot-style overrides */
+    section?: {
+        className?: string;
+    };
+    container?: {
+        className?: string;
+    };
+    header?: {
+        className?: string;
+    };
+    heading?: {
+        className?: string;
+    };
+    grid?: {
+        className?: string;
+    };
+    card?: {
+        className?: string;
+    };
+    content?: {
+        className?: string;
+    };
+    text?: {
+        className?: string;
+    };
+    author?: {
+        className?: string;
+    };
+    avatar?: {
+        className?: string;
+    };
+    avatarText?: {
+        className?: string;
+    };
+    /** ARIA label for the section. @defaultValue "Testimonials section" */
+    ariaLabel?: string;
+}
+/**
+ * Testimonials section that renders a grid of TestimonialCard items.
+ *
+ * @remarks
+ * - Slot-style overrides match TestimonialCard sub-slots (card, content, text, etc.).
+ * - Motion can be disabled via enableMotion.
+ *
+ * @example
+ * <Testimonials testimonials={[{ testimonialText: 'Great!', testimonialAuthor: ' - Jane', testimonialAuthorInitials: 'J' }]} />
+ */
+export declare function Testimonials({ id, className, testimonials, testimonialSectionHeader, enableMotion, section, container, header, heading, grid, card, content, text, author, avatar, avatarText, ariaLabel, }: TestimonialsProps): React.JSX.Element;
+//# sourceMappingURL=Testimonials.d.ts.map

package/dist-types/components/Testimonials.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Testimonials.d.ts","sourceRoot":"","sources":["../../src/components/Testimonials.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,iCAAiC;IACjC,eAAe,EAAE,MAAM,CAAC;IACxB,mEAAmE;IACnE,iBAAiB,EAAE,MAAM,CAAC;IAC1B,8CAA8C;IAC9C,yBAAyB,EAAE,MAAM,CAAC;CACnC;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,iBAAiB;IAChC,kBAAkB;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,wEAAwE;IACxE,YAAY,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACrC,+EAA+E;IAC/E,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,2BAA2B;IAC3B,OAAO,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,SAAS,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,MAAM,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,OAAO,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,OAAO,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,MAAM,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,MAAM,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,UAAU,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAEpC,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqBD;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,EAC3B,EAAE,EACF,SAAS,EACT,YAAqC,EACrC,wBAAmD,EACnD,YAAmB,EACnB,OAA8C,EAC9C,SAA8C,EAC9C,MAA2C,EAC3C,OAEC,EACD,IAA4E,EAC5E,IAGC,EACD,OAAkD,EAClD,IAGC,EACD,MAGC,EACD,MAGC,EACD,UAA+D,EAC/D,SAAkC,GACnC,EAAE,iBAAiB,qBAsCnB"}

package/dist-types/components/TrustBadges.d.ts

@@ -0,0 +1,80 @@
+import React from "react";
+/**
+ * A single trust badge (stat or certification).
+ * @public
+ */
+export interface TrustBadgeData {
+    /** Main badge text (e.g., "99.9% Uptime") */
+    badgeText: string;
+    /** Optional short descriptor above/below the text */
+    badgeDescription?: string;
+    /** Optional icon/emoji representation */
+    badgeIcon?: string;
+}
+/**
+ * Props for the TrustBadges section component.
+ *
+ * @remarks
+ * - Layout: choose horizontal row or vertical stack via layout.
+ * - Styling: slot-style overrides are merged after defaults via cn().
+ * - Motion: enableMotion toggles hover scale.
+ */
+export interface TrustBadgesProps {
+    /** Optional id on root. @defaultValue "trust-badges" */
+    id?: string;
+    /** Root className merged into section slot */
+    className?: string;
+    /** Badges to display. @defaultValue defaultTrustBadgeData */
+    badges?: TrustBadgeData[];
+    /** Optional heading above badges */
+    trustBadgesSectionHeader?: string;
+    /** Slot-style overrides */
+    section?: {
+        className?: string;
+    };
+    container?: {
+        className?: string;
+    };
+    header?: {
+        className?: string;
+    };
+    heading?: {
+        className?: string;
+    };
+    badgesContainer?: {
+        className?: string;
+    };
+    badge?: {
+        className?: string;
+    };
+    badgeContent?: {
+        className?: string;
+    };
+    icon?: {
+        className?: string;
+    };
+    description?: {
+        className?: string;
+    };
+    text?: {
+        className?: string;
+    };
+    /** Layout orientation. @defaultValue "horizontal" */
+    layout?: "horizontal" | "vertical";
+    /** When false, disables hover scale */
+    enableMotion?: boolean;
+    /** ARIA label for the section. @defaultValue "Trust badges section" */
+    ariaLabel?: string;
+}
+/**
+ * Compact section to showcase trust signals like usage stats and compliance.
+ *
+ * @remarks
+ * - Horizontal by default; switch to vertical with layout="vertical".
+ * - Hover motion can be disabled via enableMotion.
+ *
+ * @example
+ * <TrustBadges badges={[{ badgeText: 'SOC 2', badgeDescription: 'Security', badgeIcon: '🔒' }]} />
+ */
+export declare function TrustBadges({ id, className, badges, trustBadgesSectionHeader, section, container, header, heading, badgesContainer, badge, badgeContent, icon, description, text, layout, enableMotion, ariaLabel, }: TrustBadgesProps): React.JSX.Element;
+//# sourceMappingURL=TrustBadges.d.ts.map

package/dist-types/components/TrustBadges.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrustBadges.d.ts","sourceRoot":"","sources":["../../src/components/TrustBadges.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,6CAA6C;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,gBAAgB;IAC/B,wDAAwD;IACxD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;IAC1B,oCAAoC;IACpC,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC,2BAA2B;IAC3B,OAAO,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,SAAS,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,MAAM,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,OAAO,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,eAAe,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACzC,KAAK,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,YAAY,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,WAAW,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACrC,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAE9B,qDAAqD;IACrD,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACnC,uCAAuC;IACvC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,SAAS,EACT,MAA8B,EAC9B,wBAAwB,EACxB,OAA6C,EAC7C,SAA8C,EAC9C,MAA0C,EAC1C,OAEC,EACD,eAGC,EACD,KAGC,EACD,YAAoE,EACpE,IAAqC,EACrC,WAGC,EACD,IAEC,EACD,MAAqB,EACrB,YAAmB,EACnB,SAAkC,GACnC,EAAE,gBAAgB,qBA6ClB"}

package/dist-types/components/index.d.ts

@@ -0,0 +1,21 @@
+export type { AboutStatData } from "./About";
+export { About } from "./About";
+export * from "./Contact";
+export * from "./CTA";
+export * from "./FAQ";
+export * from "./Features";
+export type { FooterProps, NavLinkItem, NavLinkGroup, SocialLink, } from "./Footer";
+export { Footer } from "./Footer";
+export * from "./HeroMotion";
+export * from "./HeroOverlay";
+export * from "./HeroSplit";
+export * from "./Navbar";
+export * from "./Newsletter";
+export * from "./PortfolioSimple";
+export * from "./Pricing";
+export * from "./ProcessTimeline";
+export * from "./ServicesGrid";
+export * from "./Team";
+export * from "./Testimonials";
+export * from "./TrustBadges";
+//# sourceMappingURL=index.d.ts.map

package/dist-types/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,YAAY,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,UAAU,GACX,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC"}

package/dist-types/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./components";
+//# sourceMappingURL=index.d.ts.map

package/dist-types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/package.json

@@ -1,22 +1,35 @@
 {
   "name": "@nextworks/blocks-sections",
-  "version": "0.1.0-alpha.0",
+  "version": "0.1.0-alpha.13",
   "private": false,
   "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "types": "dist-types/index.d.ts",
   "files": [
     "dist",
+    "dist-types",
     "package.json",
     "README.md"
   ],
+  "repository": "github:jblh/nextworks-cli",
+"bugs": "https://github.com/jblh/nextworks-cli/issues",
+"homepage": "https://github.com/jblh/nextworks-cli#readme",
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "tsc -p tsconfig.json"
+    "clean": "powershell.exe -NoProfile -Command \"Remove-Item -Recurse -Force dist -ErrorAction SilentlyContinue; Remove-Item -Recurse -Force dist-types -ErrorAction SilentlyContinue\"",
+    "build": "npx tsc -p tsconfig.json && npx tsc -p tsconfig.json --emitDeclarationOnly --declaration --outDir dist-types"
   },
   "dependencies": {
-    "@nextworks/blocks-core": "0.1.0-alpha.0"
+    "@nextworks/blocks-core": "0.1.0-alpha.13",
+    "lucide-react": "^0.542.0",
+    "motion": "^12.23.12"
+  },
+  "devDependencies": {
+    "typescript": "^5.9.3",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19"
   },
   "peerDependencies": {
     "react": "^19.0.0",