@orion-ds/react 1.0.1 → 1.0.2

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

@@ -0,0 +1,124 @@
+/**
+ * Comparison Section Types
+ *
+ * Type definitions for the Orion Comparison section component.
+ */
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * Feature row for comparison
+ */
+export interface ComparisonFeature {
+    /**
+     * Feature name/label
+     */
+    name: string;
+    /**
+     * Feature description (optional)
+     */
+    description?: string;
+    /**
+     * Feature category for grouping
+     */
+    category?: string;
+    /**
+     * Values for each column (true/false for boolean, string for text)
+     */
+    values: (boolean | string | ReactNode)[];
+}
+/**
+ * Column header for comparison
+ */
+export interface ComparisonColumn {
+    /**
+     * Column title (product/plan name)
+     */
+    title: string;
+    /**
+     * Column subtitle (price, etc.)
+     */
+    subtitle?: string;
+    /**
+     * Highlight this column
+     */
+    highlighted?: boolean;
+    /**
+     * Badge text (e.g., "Popular", "Best Value")
+     */
+    badge?: string;
+    /**
+     * CTA button label
+     */
+    ctaLabel?: string;
+    /**
+     * CTA button href
+     */
+    ctaHref?: string;
+}
+/**
+ * Comparison section props
+ *
+ * @example
+ * ```tsx
+ * <Comparison
+ *   title="Compare Plans"
+ *   columns={[
+ *     { title: "Basic", subtitle: "$9/mo" },
+ *     { title: "Pro", subtitle: "$29/mo", highlighted: true, badge: "Popular" },
+ *     { title: "Enterprise", subtitle: "Custom" },
+ *   ]}
+ *   features={[
+ *     { name: "Users", values: ["1", "5", "Unlimited"] },
+ *     { name: "Storage", values: ["10GB", "100GB", "Unlimited"] },
+ *     { name: "Support", values: [false, true, true] },
+ *   ]}
+ * />
+ * ```
+ */
+export interface ComparisonProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    /**
+     * Optional eyebrow text
+     */
+    eyebrow?: ReactNode;
+    /**
+     * Section title
+     */
+    title?: ReactNode;
+    /**
+     * Section description
+     */
+    description?: ReactNode;
+    /**
+     * Column definitions
+     */
+    columns: ComparisonColumn[];
+    /**
+     * Feature rows
+     */
+    features: ComparisonFeature[];
+    /**
+     * Show category headers
+     * @default true
+     */
+    showCategories?: boolean;
+    /**
+     * Show row descriptions
+     * @default false
+     */
+    showDescriptions?: boolean;
+    /**
+     * Sticky header
+     * @default true
+     */
+    stickyHeader?: boolean;
+    /**
+     * Background style
+     * @default 'base'
+     */
+    background?: 'base' | 'subtle' | 'none';
+    /**
+     * Compact mode
+     * @default false
+     */
+    compact?: boolean;
+}
+//# sourceMappingURL=Comparison.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Comparison.types.d.ts","sourceRoot":"","sources":["../../../src/sections/Comparison/Comparison.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,MAAM,EAAE,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;CAC1C;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IACjF;;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,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAE5B;;OAEG;IACH,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAE9B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAExC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

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

@@ -0,0 +1,3 @@
+export { Comparison } from './Comparison';
+export type { ComparisonProps, ComparisonFeature, ComparisonColumn } from './Comparison.types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/sections/Contact/Contact.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Contact Component
+ *
+ * A contact section with form and contact information.
+ * Supports multiple layouts and custom form fields.
+ *
+ * @example
+ * ```tsx
+ * <Contact
+ *   eyebrow={<Badge>Contact</Badge>}
+ *   title="Get in touch"
+ *   description="We'd love to hear from you"
+ *   contactInfo={[
+ *     { icon: <Mail size={20} />, label: "Email", value: "hello@example.com", href: "mailto:hello@example.com" },
+ *     { icon: <Phone size={20} />, label: "Phone", value: "+1 (555) 000-0000", href: "tel:+15550000000" },
+ *     { icon: <MapPin size={20} />, label: "Address", value: "123 Main St, City, Country" }
+ *   ]}
+ *   formFields={[
+ *     { name: "name", label: "Name", required: true },
+ *     { name: "email", label: "Email", type: "email", required: true },
+ *     { name: "message", label: "Message", type: "textarea", required: true }
+ *   ]}
+ *   onSubmit={(data) => console.log(data)}
+ * />
+ * ```
+ */
+import type { ContactProps } from './Contact.types';
+export declare const Contact: import("react").ForwardRefExoticComponent<ContactProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Contact.d.ts.map

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

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

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

@@ -0,0 +1,137 @@
+/**
+ * Contact Component Types
+ *
+ * Type definitions for the Orion Contact section component.
+ */
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * Contact layout variant
+ */
+export type ContactLayout = 'split' | 'stacked' | 'form-only';
+/**
+ * Contact info item (phone, email, address, etc.)
+ */
+export interface ContactInfo {
+    /**
+     * Icon element for the contact method
+     */
+    icon?: ReactNode;
+    /**
+     * Label (e.g., "Email", "Phone", "Address")
+     */
+    label: string;
+    /**
+     * Value (e.g., "hello@example.com")
+     */
+    value: string;
+    /**
+     * Optional href for clickable items (mailto:, tel:)
+     */
+    href?: string;
+}
+/**
+ * Form field configuration
+ */
+export interface ContactFormField {
+    /**
+     * Field name (for form data)
+     */
+    name: string;
+    /**
+     * Field label
+     */
+    label: string;
+    /**
+     * Field type
+     * @default 'text'
+     */
+    type?: 'text' | 'email' | 'tel' | 'textarea';
+    /**
+     * Placeholder text
+     */
+    placeholder?: string;
+    /**
+     * Whether the field is required
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Number of rows (for textarea only)
+     * @default 4
+     */
+    rows?: number;
+}
+/**
+ * Contact section props
+ *
+ * @example
+ * ```tsx
+ * <Contact
+ *   title="Get in touch"
+ *   description="We'd love to hear from you"
+ *   contactInfo={[
+ *     { icon: <Mail />, label: "Email", value: "hello@example.com", href: "mailto:hello@example.com" },
+ *     { icon: <Phone />, label: "Phone", value: "+1 (555) 000-0000", href: "tel:+15550000000" }
+ *   ]}
+ *   formFields={[
+ *     { name: "name", label: "Name", required: true },
+ *     { name: "email", label: "Email", type: "email", required: true },
+ *     { name: "message", label: "Message", type: "textarea", required: true }
+ *   ]}
+ *   onSubmit={(data) => console.log(data)}
+ * />
+ * ```
+ */
+export interface ContactProps extends Omit<HTMLAttributes<HTMLElement>, 'title' | 'onSubmit'> {
+    /**
+     * Optional eyebrow/badge above title
+     */
+    eyebrow?: ReactNode;
+    /**
+     * Section title
+     */
+    title?: ReactNode;
+    /**
+     * Section description
+     */
+    description?: ReactNode;
+    /**
+     * Contact information items
+     */
+    contactInfo?: ContactInfo[];
+    /**
+     * Form fields configuration
+     */
+    formFields?: ContactFormField[];
+    /**
+     * Form submit handler - receives form data as an object
+     */
+    onSubmit?: (data: Record<string, string>) => void;
+    /**
+     * Custom submit button element
+     */
+    submitButton?: ReactNode;
+    /**
+     * Submit button text (if not using custom button)
+     * @default "Send Message"
+     */
+    submitText?: string;
+    /**
+     * Layout variant
+     * - split: Info on left, form on right
+     * - stacked: Info above form
+     * - form-only: Just the form, no contact info
+     * @default 'split'
+     */
+    layout?: ContactLayout;
+    /**
+     * Background style
+     * @default 'subtle'
+     */
+    background?: 'base' | 'subtle' | 'none';
+    /**
+     * Additional content below contact info (e.g., social links, map)
+     */
+    additionalContent?: ReactNode;
+}
+//# sourceMappingURL=Contact.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Contact.types.d.ts","sourceRoot":"","sources":["../../../src/sections/Contact/Contact.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;AAE9D;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU,CAAC;IAE7C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC3F;;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,WAAW,CAAC,EAAE,WAAW,EAAE,CAAC;IAE5B;;OAEG;IACH,UAAU,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEhC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAElD;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IAEvB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAExC;;OAEG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC;CAC/B"}

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

@@ -0,0 +1,6 @@
+/**
+ * Contact Component Exports
+ */
+export { Contact } from './Contact';
+export type { ContactProps, ContactInfo, ContactFormField, ContactLayout, } from './Contact.types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/sections/Container/Container.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Container Component
+ *
+ * A layout wrapper that constrains content to a maximum width with consistent padding.
+ * Part of the Orion Sections library for building complete page layouts.
+ *
+ * @example
+ * ```tsx
+ * <Container size="lg">
+ *   <h1>Page Title</h1>
+ *   <p>Content goes here</p>
+ * </Container>
+ * ```
+ */
+import type { ContainerProps } from './Container.types';
+export declare const Container: import("react").ForwardRefExoticComponent<ContainerProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Container.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/sections/Container/Container.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,eAAO,MAAM,SAAS,2GA4BrB,CAAC"}

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

@@ -0,0 +1,47 @@
+/**
+ * Container Component Types
+ *
+ * Type definitions for the Orion Container section component.
+ */
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * Container size variants
+ */
+export type ContainerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+/**
+ * Container component props
+ *
+ * @example
+ * ```tsx
+ * <Container size="lg">
+ *   <Content />
+ * </Container>
+ * ```
+ */
+export interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Maximum width variant
+     * - sm: 640px (small content, text-focused)
+     * - md: 768px (medium content)
+     * - lg: 1024px (standard layouts)
+     * - xl: 1280px (wide layouts)
+     * - full: 100% (full width)
+     * @default 'lg'
+     */
+    size?: ContainerSize;
+    /**
+     * Center the container horizontally
+     * @default true
+     */
+    centered?: boolean;
+    /**
+     * Add horizontal padding
+     * @default true
+     */
+    padded?: boolean;
+    /**
+     * Container content
+     */
+    children?: ReactNode;
+}
+//# sourceMappingURL=Container.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Container.types.d.ts","sourceRoot":"","sources":["../../../src/sections/Container/Container.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE/D;;;;;;;;;GASG;AACH,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

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

@@ -0,0 +1,6 @@
+/**
+ * Container Component Exports
+ */
+export { Container } from './Container';
+export type { ContainerProps, ContainerSize } from './Container.types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/sections/FAQ/FAQ.d.ts

@@ -0,0 +1,29 @@
+/**
+ * FAQ Component
+ *
+ * A frequently asked questions section with accordion or grid layout.
+ * Supports single or multiple open items and rich answer content.
+ *
+ * @example
+ * ```tsx
+ * <FAQ
+ *   eyebrow={<Badge>Support</Badge>}
+ *   title="Frequently Asked Questions"
+ *   description="Find answers to common questions"
+ *   items={[
+ *     {
+ *       question: "How do I get started?",
+ *       answer: "Simply sign up for a free account and follow our onboarding guide."
+ *     },
+ *     {
+ *       question: "Is there a free trial?",
+ *       answer: "Yes! We offer a 14-day free trial with full access to all features."
+ *     }
+ *   ]}
+ *   variant="accordion"
+ * />
+ * ```
+ */
+import type { FAQProps } from './FAQ.types';
+export declare const FAQ: import("react").ForwardRefExoticComponent<FAQProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=FAQ.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FAQ.d.ts","sourceRoot":"","sources":["../../../src/sections/FAQ/FAQ.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAGH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAM5C,eAAO,MAAM,GAAG,kGA8Ff,CAAC"}

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

@@ -0,0 +1,121 @@
+/**
+ * FAQ Component Types
+ *
+ * Type definitions for the Orion FAQ section component.
+ */
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * Grid column count for FAQ items
+ */
+export type FAQColumns = 1 | 2;
+/**
+ * FAQ visual variant
+ */
+export type FAQVariant = 'accordion' | 'grid';
+/**
+ * FAQ item data structure
+ */
+export interface FAQItem {
+    /**
+     * The question text
+     */
+    question: string;
+    /**
+     * The answer content (can be text or rich content)
+     */
+    answer: ReactNode;
+    /**
+     * Whether the item is open by default
+     * @default false
+     */
+    defaultOpen?: boolean;
+}
+/**
+ * FAQ accordion item props (internal component)
+ */
+export interface FAQItemCardProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * FAQ item data
+     */
+    item: FAQItem;
+    /**
+     * Visual variant
+     * @default 'accordion'
+     */
+    variant?: FAQVariant;
+    /**
+     * Whether the item is currently open (controlled)
+     */
+    isOpen?: boolean;
+    /**
+     * Callback when toggled
+     */
+    onToggle?: () => void;
+}
+/**
+ * FAQ section props
+ *
+ * @example
+ * ```tsx
+ * <FAQ
+ *   title="Frequently Asked Questions"
+ *   description="Find answers to common questions"
+ *   items={[
+ *     {
+ *       question: "How do I get started?",
+ *       answer: "Simply sign up for a free account and follow our onboarding guide."
+ *     },
+ *     {
+ *       question: "Is there a free trial?",
+ *       answer: "Yes! We offer a 14-day free trial with full access to all features."
+ *     }
+ *   ]}
+ * />
+ * ```
+ */
+export interface FAQProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    /**
+     * Optional eyebrow/badge above title
+     */
+    eyebrow?: ReactNode;
+    /**
+     * Section title
+     */
+    title?: ReactNode;
+    /**
+     * Section description
+     */
+    description?: ReactNode;
+    /**
+     * Array of FAQ items
+     */
+    items: FAQItem[];
+    /**
+     * Number of grid columns (only applies to grid variant)
+     * @default 1
+     */
+    columns?: FAQColumns;
+    /**
+     * Visual variant
+     * - accordion: Expandable accordion items
+     * - grid: Static grid of questions and answers
+     * @default 'accordion'
+     */
+    variant?: FAQVariant;
+    /**
+     * Allow multiple items to be open at once (accordion only)
+     * @default true
+     */
+    allowMultiple?: boolean;
+    /**
+     * Background style
+     * @default 'base'
+     */
+    background?: 'base' | 'subtle' | 'none';
+    /**
+     * Center the header text
+     * @default true
+     */
+    centered?: boolean;
+}
+//# sourceMappingURL=FAQ.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FAQ.types.d.ts","sourceRoot":"","sources":["../../../src/sections/FAQ/FAQ.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC;AAE/B;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,MAAM,CAAC;AAE9C;;GAEG;AACH,MAAM,WAAW,OAAO;IACtB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,MAAM,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IAEd;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC1E;;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,OAAO,EAAE,CAAC;IAEjB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IAErB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IAErB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAExC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/sections/FAQ/FAQItemCard.d.ts

@@ -0,0 +1,12 @@
+/**
+ * FAQItemCard Component
+ *
+ * Internal component for rendering individual FAQ items.
+ * Supports accordion (expandable) and grid (static) variants.
+ */
+import type { FAQItemCardProps } from './FAQ.types';
+export declare const FAQItemCard: {
+    ({ item, variant, isOpen: controlledIsOpen, onToggle, className, }: FAQItemCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=FAQItemCard.d.ts.map

package/dist/sections/FAQ/FAQItemCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FAQItemCard.d.ts","sourceRoot":"","sources":["../../../src/sections/FAQ/FAQItemCard.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAIpD,eAAO,MAAM,WAAW;wEAMrB,gBAAgB;;CAqDlB,CAAC"}

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

@@ -0,0 +1,7 @@
+/**
+ * FAQ Component Exports
+ */
+export { FAQ } from './FAQ';
+export { FAQItemCard } from './FAQItemCard';
+export type { FAQProps, FAQItem, FAQItemCardProps, FAQColumns, FAQVariant, } from './FAQ.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sections/FAQ/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,QAAQ,EACR,OAAO,EACP,gBAAgB,EAChB,UAAU,EACV,UAAU,GACX,MAAM,aAAa,CAAC"}

package/dist/sections/Features/FeatureCard.d.ts

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

package/dist/sections/Features/FeatureCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureCard.d.ts","sourceRoot":"","sources":["../../../src/sections/Features/FeatureCard.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAIzD,eAAO,MAAM,WAAW;0CAAgD,gBAAgB;;CA2CvF,CAAC"}

package/dist/sections/Features/Features.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Features Component
+ *
+ * A grid-based features section with support for icons, badges, and hover effects.
+ * Composes atomic components from @orion/react (Card, Badge).
+ *
+ * @example
+ * ```tsx
+ * <Features
+ *   eyebrow={<Badge>Features</Badge>}
+ *   title="Everything you need"
+ *   description="Powerful features designed for modern apps"
+ *   items={[
+ *     { icon: <Zap />, title: "Fast", description: "Lightning speed" },
+ *     { icon: <Shield />, title: "Secure", description: "Bank-grade security" },
+ *     { icon: <Code />, title: "Developer First", description: "Built for devs" },
+ *   ]}
+ *   columns={3}
+ * />
+ * ```
+ */
+import type { FeaturesProps } from './Features.types';
+export declare const Features: import("react").ForwardRefExoticComponent<FeaturesProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Features.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Features.d.ts","sourceRoot":"","sources":["../../../src/sections/Features/Features.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAGH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMtD,eAAO,MAAM,QAAQ,uGAwDpB,CAAC"}