@orion-ds/react 1.0.1 → 1.0.2

package/dist/sections/LogoCloud/LogoCloud.types.d.ts

@@ -0,0 +1,105 @@
+/**
+ * LogoCloud Component Types
+ *
+ * Type definitions for the Orion LogoCloud section component.
+ */
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * LogoCloud layout variant
+ */
+export type LogoCloudLayout = 'grid' | 'inline' | 'marquee';
+/**
+ * Logo size variant
+ */
+export type LogoCloudSize = 'sm' | 'md' | 'lg';
+/**
+ * Logo item data structure
+ */
+export interface LogoItem {
+    /**
+     * Logo element (typically an img or svg)
+     */
+    logo: ReactNode;
+    /**
+     * Company/brand name (for accessibility)
+     */
+    name: string;
+    /**
+     * Optional link URL
+     */
+    href?: string;
+}
+/**
+ * LogoCloud section props
+ *
+ * @example
+ * ```tsx
+ * <LogoCloud
+ *   title="Trusted by leading companies"
+ *   logos={[
+ *     { logo: <img src="/vercel.svg" alt="" />, name: "Vercel" },
+ *     { logo: <img src="/stripe.svg" alt="" />, name: "Stripe" },
+ *     { logo: <img src="/linear.svg" alt="" />, name: "Linear" }
+ *   ]}
+ *   layout="grid"
+ *   columns={5}
+ * />
+ * ```
+ */
+export interface LogoCloudProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    /**
+     * Optional eyebrow/badge above title
+     */
+    eyebrow?: ReactNode;
+    /**
+     * Section title
+     */
+    title?: ReactNode;
+    /**
+     * Section description
+     */
+    description?: ReactNode;
+    /**
+     * Array of logo items
+     */
+    logos: LogoItem[];
+    /**
+     * Layout variant
+     * - grid: Fixed grid layout
+     * - inline: Flexible inline/wrap layout
+     * - marquee: Animated scrolling marquee
+     * @default 'inline'
+     */
+    layout?: LogoCloudLayout;
+    /**
+     * Number of columns (for grid layout)
+     * @default 5
+     */
+    columns?: 3 | 4 | 5 | 6;
+    /**
+     * Logo size
+     * @default 'md'
+     */
+    size?: LogoCloudSize;
+    /**
+     * Grayscale logos (colorize on hover)
+     * @default true
+     */
+    grayscale?: boolean;
+    /**
+     * Background style
+     * @default 'none'
+     */
+    background?: 'base' | 'subtle' | 'none';
+    /**
+     * Center the content
+     * @default true
+     */
+    centered?: boolean;
+    /**
+     * Marquee animation speed (for marquee layout)
+     * @default 'normal'
+     */
+    marqueeSpeed?: 'slow' | 'normal' | 'fast';
+}
+//# sourceMappingURL=LogoCloud.types.d.ts.map

package/dist/sections/LogoCloud/LogoCloud.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoCloud.types.d.ts","sourceRoot":"","sources":["../../../src/sections/LogoCloud/LogoCloud.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE5D;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAEhB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAChF;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,KAAK,EAAE,QAAQ,EAAE,CAAC;IAElB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAExB;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAExC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;CAC3C"}

package/dist/sections/LogoCloud/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * LogoCloud Component Exports
+ */
+export { LogoCloud } from './LogoCloud';
+export type { LogoCloudProps, LogoItem, LogoCloudLayout, LogoCloudSize, } from './LogoCloud.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/sections/LogoCloud/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sections/LogoCloud/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EACV,cAAc,EACd,QAAQ,EACR,eAAe,EACf,aAAa,GACd,MAAM,mBAAmB,CAAC"}

package/dist/sections/Newsletter/Newsletter.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Newsletter Component
+ *
+ * A newsletter signup section with email input and customizable messaging.
+ * Supports multiple layouts and states (loading, success, error).
+ *
+ * @example
+ * ```tsx
+ * <Newsletter
+ *   eyebrow={<Badge>Newsletter</Badge>}
+ *   title="Stay in the loop"
+ *   description="Get the latest updates, tips, and resources delivered to your inbox."
+ *   placeholder="you@example.com"
+ *   buttonText="Subscribe"
+ *   disclaimer="We respect your privacy. Unsubscribe at any time."
+ *   onSubmit={(email) => handleSubscribe(email)}
+ * />
+ * ```
+ */
+import type { NewsletterProps } from './Newsletter.types';
+export declare const Newsletter: import("react").ForwardRefExoticComponent<NewsletterProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Newsletter.d.ts.map

package/dist/sections/Newsletter/Newsletter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Newsletter.d.ts","sourceRoot":"","sources":["../../../src/sections/Newsletter/Newsletter.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAO1D,eAAO,MAAM,UAAU,yGAuItB,CAAC"}

package/dist/sections/Newsletter/Newsletter.types.d.ts

@@ -0,0 +1,101 @@
+/**
+ * Newsletter Component Types
+ *
+ * Type definitions for the Orion Newsletter section component.
+ */
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * Newsletter layout variant
+ */
+export type NewsletterLayout = 'inline' | 'stacked' | 'card';
+/**
+ * Newsletter size variant
+ */
+export type NewsletterSize = 'sm' | 'md' | 'lg';
+/**
+ * Newsletter section props
+ *
+ * @example
+ * ```tsx
+ * <Newsletter
+ *   title="Subscribe to our newsletter"
+ *   description="Get the latest updates delivered to your inbox"
+ *   placeholder="Enter your email"
+ *   buttonText="Subscribe"
+ *   onSubmit={(email) => console.log(email)}
+ * />
+ * ```
+ */
+export interface NewsletterProps extends Omit<HTMLAttributes<HTMLElement>, 'title' | 'onSubmit'> {
+    /**
+     * Optional eyebrow/badge above title
+     */
+    eyebrow?: ReactNode;
+    /**
+     * Section title
+     */
+    title?: ReactNode;
+    /**
+     * Section description
+     */
+    description?: ReactNode;
+    /**
+     * Email input placeholder
+     * @default "Enter your email"
+     */
+    placeholder?: string;
+    /**
+     * Submit button text
+     * @default "Subscribe"
+     */
+    buttonText?: string;
+    /**
+     * Custom submit button element
+     */
+    submitButton?: ReactNode;
+    /**
+     * Form submit handler - receives email address
+     */
+    onSubmit?: (email: string) => void;
+    /**
+     * Privacy/disclaimer text below form
+     */
+    disclaimer?: ReactNode;
+    /**
+     * Layout variant
+     * - inline: Input and button on same line
+     * - stacked: Input above button
+     * - card: Contained in a card with padding
+     * @default 'inline'
+     */
+    layout?: NewsletterLayout;
+    /**
+     * Size variant affecting spacing and typography
+     * @default 'md'
+     */
+    size?: NewsletterSize;
+    /**
+     * Background style
+     * @default 'subtle'
+     */
+    background?: 'base' | 'subtle' | 'brand' | 'none';
+    /**
+     * Center align content
+     * @default true
+     */
+    centered?: boolean;
+    /**
+     * Success message to show after submission
+     */
+    successMessage?: ReactNode;
+    /**
+     * Error message to show on submission error
+     */
+    errorMessage?: ReactNode;
+    /**
+     * Loading state
+     * @default false
+     */
+    loading?: boolean;
+}
+//# sourceMappingURL=Newsletter.types.d.ts.map

package/dist/sections/Newsletter/Newsletter.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Newsletter.types.d.ts","sourceRoot":"","sources":["../../../src/sections/Newsletter/Newsletter.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAE7D;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC9F;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAE1B;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAElD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/sections/Newsletter/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Newsletter Component Exports
+ */
+export { Newsletter } from './Newsletter';
+export type { NewsletterProps, NewsletterLayout, NewsletterSize, } from './Newsletter.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/sections/Newsletter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sections/Newsletter/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,cAAc,GACf,MAAM,oBAAoB,CAAC"}

package/dist/sections/Pricing/Pricing.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Pricing Component
+ *
+ * A pricing section with support for multiple plans, feature lists, and
+ * highlighting popular options. Composes atomic components from @orion/react.
+ *
+ * @example
+ * ```tsx
+ * <Pricing
+ *   eyebrow={<Badge>Pricing</Badge>}
+ *   title="Simple, transparent pricing"
+ *   description="Choose the plan that's right for you"
+ *   plans={[
+ *     {
+ *       name: "Starter",
+ *       price: "$9",
+ *       period: "per month",
+ *       features: ["5 projects", "Basic support"],
+ *       action: <Button>Get Started</Button>
+ *     },
+ *     {
+ *       name: "Pro",
+ *       price: "$29",
+ *       period: "per month",
+ *       features: ["Unlimited projects", "Priority support"],
+ *       action: <Button>Get Started</Button>,
+ *       popular: true
+ *     }
+ *   ]}
+ * />
+ * ```
+ */
+import type { PricingProps } from './Pricing.types';
+export declare const Pricing: import("react").ForwardRefExoticComponent<PricingProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Pricing.d.ts.map

package/dist/sections/Pricing/Pricing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pricing.d.ts","sourceRoot":"","sources":["../../../src/sections/Pricing/Pricing.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAMpD,eAAO,MAAM,OAAO,sGAmDnB,CAAC"}

package/dist/sections/Pricing/Pricing.types.d.ts

@@ -0,0 +1,133 @@
+/**
+ * Pricing Component Types
+ *
+ * Type definitions for the Orion Pricing section component.
+ */
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * Grid column count for pricing cards
+ */
+export type PricingColumns = 2 | 3 | 4;
+/**
+ * Feature item in a pricing plan
+ */
+export interface PricingFeature {
+    /**
+     * Feature text
+     */
+    text: string;
+    /**
+     * Whether the feature is included in the plan
+     * @default true
+     */
+    included?: boolean;
+}
+/**
+ * Pricing plan data structure
+ */
+export interface PricingPlan {
+    /**
+     * Plan name (e.g., "Starter", "Pro", "Enterprise")
+     */
+    name: string;
+    /**
+     * Price display (e.g., "$9", "$29/mo", or ReactNode for custom)
+     */
+    price: string | ReactNode;
+    /**
+     * Billing period (e.g., "per month", "per user/month")
+     */
+    period?: string;
+    /**
+     * Short description of the plan
+     */
+    description?: string;
+    /**
+     * List of features included in the plan
+     */
+    features: (string | PricingFeature)[];
+    /**
+     * Call-to-action button/element
+     */
+    action?: ReactNode;
+    /**
+     * Mark as most popular/recommended
+     * @default false
+     */
+    popular?: boolean;
+    /**
+     * Optional badge text (e.g., "Best Value", "Most Popular")
+     */
+    badge?: ReactNode;
+}
+/**
+ * Pricing card props (internal component)
+ */
+export interface PricingCardProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Pricing plan data
+     */
+    plan: PricingPlan;
+}
+/**
+ * Pricing section props
+ *
+ * @example
+ * ```tsx
+ * <Pricing
+ *   title="Simple, transparent pricing"
+ *   description="Choose the plan that's right for you"
+ *   plans={[
+ *     {
+ *       name: "Starter",
+ *       price: "$9",
+ *       period: "per month",
+ *       features: ["5 projects", "Basic support"],
+ *       action: <Button>Get Started</Button>
+ *     },
+ *     {
+ *       name: "Pro",
+ *       price: "$29",
+ *       period: "per month",
+ *       features: ["Unlimited projects", "Priority support"],
+ *       action: <Button>Get Started</Button>,
+ *       popular: true
+ *     }
+ *   ]}
+ * />
+ * ```
+ */
+export interface PricingProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    /**
+     * Optional eyebrow/badge above title
+     */
+    eyebrow?: ReactNode;
+    /**
+     * Section title
+     */
+    title?: ReactNode;
+    /**
+     * Section description
+     */
+    description?: ReactNode;
+    /**
+     * Array of pricing plans
+     */
+    plans: PricingPlan[];
+    /**
+     * Number of grid columns
+     * @default 3
+     */
+    columns?: PricingColumns;
+    /**
+     * Background style
+     * @default 'subtle'
+     */
+    background?: 'base' | 'subtle' | 'none';
+    /**
+     * Center the header text
+     * @default true
+     */
+    centered?: boolean;
+}
+//# sourceMappingURL=Pricing.types.d.ts.map

package/dist/sections/Pricing/Pricing.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pricing.types.d.ts","sourceRoot":"","sources":["../../../src/sections/Pricing/Pricing.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,QAAQ,EAAE,CAAC,MAAM,GAAG,cAAc,CAAC,EAAE,CAAC;IAEtC;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE;;OAEG;IACH,IAAI,EAAE,WAAW,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC9E;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,KAAK,EAAE,WAAW,EAAE,CAAC;IAErB;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAExC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/sections/Pricing/PricingCard.d.ts

@@ -0,0 +1,11 @@
+/**
+ * PricingCard Component
+ *
+ * Internal component for rendering individual pricing cards.
+ */
+import type { PricingCardProps } from './Pricing.types';
+export declare const PricingCard: {
+    ({ plan, className }: PricingCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=PricingCard.d.ts.map

package/dist/sections/Pricing/PricingCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PricingCard.d.ts","sourceRoot":"","sources":["../../../src/sections/Pricing/PricingCard.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAkB,MAAM,iBAAiB,CAAC;AAKxE,eAAO,MAAM,WAAW;0BAAyB,gBAAgB;;CAoEhE,CAAC"}

package/dist/sections/Pricing/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Pricing Component Exports
+ */
+export { Pricing } from './Pricing';
+export { PricingCard } from './PricingCard';
+export type { PricingProps, PricingPlan, PricingFeature, PricingCardProps, PricingColumns, } from './Pricing.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/sections/Pricing/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sections/Pricing/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,YAAY,EACZ,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,cAAc,GACf,MAAM,iBAAiB,CAAC"}

package/dist/sections/Section/Section.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Section Component
+ *
+ * A semantic section wrapper that provides consistent vertical spacing and backgrounds.
+ * Part of the Orion Sections library for building complete page layouts.
+ *
+ * @example
+ * ```tsx
+ * <Section spacing="lg" background="subtle">
+ *   <Container>
+ *     <h2>Section Title</h2>
+ *     <p>Section content</p>
+ *   </Container>
+ * </Section>
+ * ```
+ */
+import type { SectionProps } from './Section.types';
+export declare const Section: import("react").ForwardRefExoticComponent<SectionProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Section.d.ts.map

package/dist/sections/Section/Section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/sections/Section/Section.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,OAAO,sGAmCnB,CAAC"}

package/dist/sections/Section/Section.types.d.ts

@@ -0,0 +1,68 @@
+/**
+ * Section Component Types
+ *
+ * Type definitions for the Orion Section wrapper component.
+ */
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * Section spacing variants (vertical padding)
+ */
+export type SectionSpacing = 'sm' | 'md' | 'lg' | 'xl' | 'none';
+/**
+ * Section background variants
+ */
+export type SectionBackground = 'base' | 'subtle' | 'sunken' | 'brand' | 'none';
+/**
+ * Section component props
+ *
+ * @example
+ * ```tsx
+ * <Section spacing="lg" background="subtle">
+ *   <Container>
+ *     <Content />
+ *   </Container>
+ * </Section>
+ * ```
+ */
+export interface SectionProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * HTML element to render
+     * @default 'section'
+     */
+    as?: 'section' | 'div' | 'article' | 'aside' | 'header' | 'footer';
+    /**
+     * Vertical spacing (padding)
+     * - none: 0
+     * - sm: spacing-8 (32px)
+     * - md: spacing-16 (64px)
+     * - lg: spacing-24 (96px)
+     * - xl: spacing-32 (128px)
+     * @default 'lg'
+     */
+    spacing?: SectionSpacing;
+    /**
+     * Background style
+     * - base: surface-base (main background)
+     * - subtle: surface-subtle (gray background)
+     * - sunken: surface-sunken (recessed)
+     * - brand: interactive-primary (brand color)
+     * - none: transparent
+     * @default 'none'
+     */
+    background?: SectionBackground;
+    /**
+     * Add top border
+     * @default false
+     */
+    borderTop?: boolean;
+    /**
+     * Add bottom border
+     * @default false
+     */
+    borderBottom?: boolean;
+    /**
+     * Section content
+     */
+    children?: ReactNode;
+}
+//# sourceMappingURL=Section.types.d.ts.map

package/dist/sections/Section/Section.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.types.d.ts","sourceRoot":"","sources":["../../../src/sections/Section/Section.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEhE;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEhF;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC/D;;;OAGG;IACH,EAAE,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAEnE;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAE/B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/dist/sections/Section/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Section Component Exports
+ */
+export { Section } from './Section';
+export type { SectionProps, SectionSpacing, SectionBackground } from './Section.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/sections/Section/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sections/Section/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/sections/SocialProof/SocialProof.d.ts

@@ -0,0 +1,12 @@
+/**
+ * SocialProof Section Component
+ *
+ * A section combining logos, testimonials, and stats for social proof.
+ */
+import React from 'react';
+import type { SocialProofProps } from './SocialProof.types';
+/**
+ * SocialProof section for displaying trust indicators
+ */
+export declare const SocialProof: React.FC<SocialProofProps>;
+//# sourceMappingURL=SocialProof.d.ts.map

package/dist/sections/SocialProof/SocialProof.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialProof.d.ts","sourceRoot":"","sources":["../../../src/sections/SocialProof/SocialProof.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAoB5D;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0IlD,CAAC"}