@orion-ds/blocks 1.0.0

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

@@ -0,0 +1,152 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Hero text alignment
+ */
+export type HeroAlign = "left" | "center";
+/**
+ * Hero size variants
+ */
+export type HeroSize = "sm" | "md" | "lg";
+/**
+ * Hero visual variant
+ * - 'default': Standard hero with optional side media
+ * - 'background': Full-width background image with content overlay
+ */
+export type HeroVariant = "default" | "background";
+/**
+ * Hero layout mode
+ * - 'contained': Default with container padding
+ * - 'fullscreen': 100vh height, vertically centered, edge-to-edge width
+ * - 'card': Inset with margins and border radius (floating card style)
+ */
+export type HeroLayout = "contained" | "fullscreen" | "card";
+/**
+ * Props for HeroHighlight compound component
+ */
+export interface HeroHighlightProps {
+    /**
+     * Text content to highlight with brand gradient
+     */
+    children: ReactNode;
+}
+/**
+ * Hero component props
+ *
+ * @example
+ * ```tsx
+ * <Hero
+ *   badge={<Badge>New</Badge>}
+ *   title="Build faster with Orion"
+ *   description="The AI-first design system for modern apps"
+ *   primaryAction={<Button>Get Started</Button>}
+ *   secondaryAction={<Button variant="ghost">Learn More</Button>}
+ *   align="center"
+ * />
+ * ```
+ *
+ * @example Fullscreen with background
+ * ```tsx
+ * <Hero
+ *   layout="fullscreen"
+ *   variant="background"
+ *   backgroundImage="https://example.com/hero.jpg"
+ *   title={<>Build <Hero.Highlight>faster</Hero.Highlight></>}
+ * />
+ * ```
+ */
+export interface HeroProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+    /**
+     * Optional badge/eyebrow element above title
+     */
+    badge?: ReactNode;
+    /**
+     * Main title text or element.
+     * Can include <Hero.Highlight> for gradient text.
+     */
+    title?: ReactNode;
+    /**
+     * @deprecated Use `title` instead. Will be removed in v3.0.
+     */
+    headline?: ReactNode;
+    /**
+     * Optional description text below headline
+     */
+    description?: ReactNode;
+    /**
+     * Primary action button/element
+     */
+    primaryAction?: ReactNode;
+    /**
+     * Secondary action button/element
+     */
+    secondaryAction?: ReactNode;
+    /**
+     * Optional media (image, video, illustration)
+     */
+    media?: ReactNode;
+    /**
+     * Media position when provided
+     * @default 'right'
+     */
+    mediaPosition?: "left" | "right" | "bottom";
+    /**
+     * Show default placeholder image when media is not provided
+     * @default false
+     */
+    showDefaultMedia?: boolean;
+    /**
+     * Trust indicators (logos, badges, social proof)
+     */
+    trustIndicators?: ReactNode;
+    /**
+     * Text alignment
+     * @default 'center'
+     */
+    align?: HeroAlign;
+    /**
+     * Size variant affecting typography scale
+     * - sm: Compact hero for sub-pages
+     * - md: Standard hero
+     * - lg: Large hero for landing pages
+     * @default 'lg'
+     */
+    size?: HeroSize;
+    /**
+     * Hero layout mode
+     * - 'contained': Default with container padding
+     * - 'fullscreen': 100vh height, vertically centered, edge-to-edge width
+     * - 'card': Inset with margins and border radius
+     * @default 'contained'
+     */
+    layout?: HeroLayout;
+    /**
+     * Hero visual variant
+     * - 'default': Standard hero with optional side media
+     * - 'background': Full-width background image with content overlay
+     * @default 'default'
+     */
+    variant?: HeroVariant;
+    /**
+     * Background image URL (only applies when variant='background')
+     */
+    backgroundImage?: string;
+    /**
+     * Background overlay opacity (0-1). Only applies when variant='background'.
+     * @default 0.6
+     */
+    backgroundOverlay?: number;
+    /**
+     * Add elevation (shadow) to card layout.
+     * Only applies when layout='card'.
+     * @default false
+     */
+    elevated?: boolean;
+    /**
+     * Full viewport height
+     * @deprecated Use layout="fullscreen" instead
+     * @default false
+     */
+    fullHeight?: boolean;
+}
+//# sourceMappingURL=Hero.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.types.d.ts","sourceRoot":"","sources":["../../../src/sections/Hero/Hero.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE1C;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,YAAY,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC3E;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAE5C;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}

package/dist/sections/Hero/HeroHighlight.d.ts

@@ -0,0 +1,7 @@
+import { HeroHighlightProps } from './Hero.types';
+
+export declare const HeroHighlight: {
+    ({ children }: HeroHighlightProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=HeroHighlight.d.ts.map

package/dist/sections/Hero/HeroHighlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroHighlight.d.ts","sourceRoot":"","sources":["../../../src/sections/Hero/HeroHighlight.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAGvD,eAAO,MAAM,aAAa;mBAAkB,kBAAkB;;CAE7D,CAAC"}

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

@@ -0,0 +1,7 @@
+/**
+ * Hero Component Exports
+ */
+export { Hero } from './Hero';
+export { HeroHighlight } from './HeroHighlight';
+export type { HeroProps, HeroAlign, HeroSize, HeroVariant, HeroLayout, HeroHighlightProps, } from './Hero.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sections/Hero/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EACV,SAAS,EACT,SAAS,EACT,QAAQ,EACR,WAAW,EACX,UAAU,EACV,kBAAkB,GACnB,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,4 @@
+import { LogoCloudProps } from './LogoCloud.types';
+
+export declare const LogoCloud: import('react').ForwardRefExoticComponent<LogoCloudProps & import('react').RefAttributes<HTMLElement>>;
+//# sourceMappingURL=LogoCloud.d.ts.map

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

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

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

@@ -0,0 +1,101 @@
+import { 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,CAC1C,cAAc,CAAC,WAAW,CAAC,EAC3B,OAAO,CACR;IACC;;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,4 @@
+import { 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,yGAsItB,CAAC"}

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

@@ -0,0 +1,97 @@
+import { 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,CAC3C,cAAc,CAAC,WAAW,CAAC,EAC3B,OAAO,GAAG,UAAU,CACrB;IACC;;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,4 @@
+import { 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,sGAiDnB,CAAC"}

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

@@ -0,0 +1,129 @@
+import { 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,CACxC,cAAc,CAAC,WAAW,CAAC,EAC3B,OAAO,CACR;IACC;;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,7 @@
+import { 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;;CA6DhE,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/SettingsLayout/SettingsLayout.d.ts

@@ -0,0 +1,4 @@
+import { SettingsLayoutProps } from './SettingsLayout.types';
+
+export declare const SettingsLayout: import('react').ForwardRefExoticComponent<SettingsLayoutProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SettingsLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsLayout.d.ts","sourceRoot":"","sources":["../../../src/sections/SettingsLayout/SettingsLayout.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAIH,OAAO,KAAK,EACV,mBAAmB,EAEpB,MAAM,wBAAwB,CAAC;AAGhC,eAAO,MAAM,cAAc,gHAkI1B,CAAC"}