@opensite/ui 1.3.2 → 1.3.4

package/dist/footer-newsletter-contact.d.cts

@@ -0,0 +1,163 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import 'react';
+import './blocks-Cohq4eio.cjs';
+import 'class-variance-authority';
+import './button-variants-lRElsmTc.cjs';
+import 'class-variance-authority/types';
+
+interface FooterNewsletterContactLink {
+    /**
+     * Link text
+     */
+    text: string;
+    /**
+     * Link URL
+     */
+    link: string;
+}
+interface FooterNewsletterContactSection {
+    /**
+     * Section title
+     */
+    title: string;
+    /**
+     * Array of links in this section
+     */
+    items: FooterNewsletterContactLink[];
+}
+interface FooterNewsletterContactDetail {
+    /**
+     * Icon name in format: prefix/name
+     */
+    icon: string;
+    /**
+     * Display text
+     */
+    text: string;
+    /**
+     * Link type: "none" | "email" | "phone"
+     */
+    type: "none" | "email" | "phone";
+    /**
+     * Link value (email address or phone number)
+     */
+    link?: string;
+}
+interface FooterNewsletterContactSocialLink {
+    /**
+     * Icon name in format: prefix/name
+     */
+    icon: string;
+    /**
+     * Link URL
+     */
+    link: string;
+    /**
+     * Accessible label
+     */
+    label: string;
+}
+interface FooterNewsletterContactProps {
+    /**
+     * Newsletter section title
+     */
+    newsletterTitle?: string;
+    /**
+     * Newsletter description
+     */
+    newsletterDescription?: string;
+    /**
+     * Newsletter placeholder text
+     */
+    newsletterPlaceholder?: string;
+    /**
+     * Newsletter button text
+     */
+    newsletterButtonText?: string;
+    /**
+     * Footer link sections
+     */
+    footerLinks?: FooterNewsletterContactSection[];
+    /**
+     * Contact details
+     */
+    contactDetails?: FooterNewsletterContactDetail[];
+    /**
+     * Social media links
+     */
+    socialLinks?: FooterNewsletterContactSocialLink[];
+    /**
+     * Logo configuration
+     */
+    logo?: {
+        light: string;
+        dark: string;
+        url: string;
+    };
+    /**
+     * Copyright text
+     */
+    copyright?: string;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    /** Section background variant */
+    background?: SectionBackground;
+    /** Section spacing variant */
+    spacing?: SectionSpacing;
+    /** Optional background pattern name */
+    pattern?: PatternName;
+    /** Pattern opacity (0-1) */
+    patternOpacity?: number;
+    /**
+     * Optional Optix Flow configuration for image optimization
+     */
+    optixFlowConfig?: {
+        apiKey: string;
+        compression?: number;
+    };
+    /**
+     * Optional form submission configuration for newsletter signup.
+     */
+    formConfig?: PageSpeedFormConfig;
+    /**
+     * Optional custom submission handler for newsletter signup.
+     */
+    onSubmit?: (email: string) => void | Promise<void>;
+    /**
+     * Optional success callback invoked after successful submission.
+     */
+    onSuccess?: (data: unknown) => void;
+    /**
+     * Optional error callback invoked if submission fails.
+     */
+    onError?: (error: Error) => void;
+}
+/**
+ * Footer Newsletter Contact - A comprehensive footer with newsletter signup,
+ * navigation links, contact details, and social media icons.
+ *
+ * Layout: Four-column grid with newsletter, link sections, and contact info.
+ * Key features: Newsletter form, contact details with icons, social links.
+ * Best for: E-commerce sites, business websites, service-based companies.
+ *
+ * @example
+ * ```tsx
+ * <FooterNewsletterContact
+ *   newsletterTitle="Newsletter"
+ *   newsletterDescription="Join our newsletter for exclusive deals."
+ *   footerLinks={[
+ *     { title: "Information", items: [...] },
+ *   ]}
+ *   contactDetails={[
+ *     { icon: "lucide/mail", text: "support@store.com", type: "email" },
+ *   ]}
+ * />
+ * ```
+ */
+declare function FooterNewsletterContact({ newsletterTitle, newsletterDescription, newsletterPlaceholder, newsletterButtonText, footerLinks, contactDetails, socialLinks, logo, copyright, className, background, spacing, pattern, patternOpacity, optixFlowConfig, formConfig, onSubmit, onSuccess, onError, }: FooterNewsletterContactProps): react_jsx_runtime.JSX.Element;
+
+export { FooterNewsletterContact, type FooterNewsletterContactDetail, type FooterNewsletterContactLink, type FooterNewsletterContactProps, type FooterNewsletterContactSection, type FooterNewsletterContactSocialLink };

package/dist/footer-newsletter-contact.d.ts

@@ -0,0 +1,163 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import 'react';
+import './blocks-k17uluAz.js';
+import 'class-variance-authority';
+import './button-variants-lRElsmTc.js';
+import 'class-variance-authority/types';
+
+interface FooterNewsletterContactLink {
+    /**
+     * Link text
+     */
+    text: string;
+    /**
+     * Link URL
+     */
+    link: string;
+}
+interface FooterNewsletterContactSection {
+    /**
+     * Section title
+     */
+    title: string;
+    /**
+     * Array of links in this section
+     */
+    items: FooterNewsletterContactLink[];
+}
+interface FooterNewsletterContactDetail {
+    /**
+     * Icon name in format: prefix/name
+     */
+    icon: string;
+    /**
+     * Display text
+     */
+    text: string;
+    /**
+     * Link type: "none" | "email" | "phone"
+     */
+    type: "none" | "email" | "phone";
+    /**
+     * Link value (email address or phone number)
+     */
+    link?: string;
+}
+interface FooterNewsletterContactSocialLink {
+    /**
+     * Icon name in format: prefix/name
+     */
+    icon: string;
+    /**
+     * Link URL
+     */
+    link: string;
+    /**
+     * Accessible label
+     */
+    label: string;
+}
+interface FooterNewsletterContactProps {
+    /**
+     * Newsletter section title
+     */
+    newsletterTitle?: string;
+    /**
+     * Newsletter description
+     */
+    newsletterDescription?: string;
+    /**
+     * Newsletter placeholder text
+     */
+    newsletterPlaceholder?: string;
+    /**
+     * Newsletter button text
+     */
+    newsletterButtonText?: string;
+    /**
+     * Footer link sections
+     */
+    footerLinks?: FooterNewsletterContactSection[];
+    /**
+     * Contact details
+     */
+    contactDetails?: FooterNewsletterContactDetail[];
+    /**
+     * Social media links
+     */
+    socialLinks?: FooterNewsletterContactSocialLink[];
+    /**
+     * Logo configuration
+     */
+    logo?: {
+        light: string;
+        dark: string;
+        url: string;
+    };
+    /**
+     * Copyright text
+     */
+    copyright?: string;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    /** Section background variant */
+    background?: SectionBackground;
+    /** Section spacing variant */
+    spacing?: SectionSpacing;
+    /** Optional background pattern name */
+    pattern?: PatternName;
+    /** Pattern opacity (0-1) */
+    patternOpacity?: number;
+    /**
+     * Optional Optix Flow configuration for image optimization
+     */
+    optixFlowConfig?: {
+        apiKey: string;
+        compression?: number;
+    };
+    /**
+     * Optional form submission configuration for newsletter signup.
+     */
+    formConfig?: PageSpeedFormConfig;
+    /**
+     * Optional custom submission handler for newsletter signup.
+     */
+    onSubmit?: (email: string) => void | Promise<void>;
+    /**
+     * Optional success callback invoked after successful submission.
+     */
+    onSuccess?: (data: unknown) => void;
+    /**
+     * Optional error callback invoked if submission fails.
+     */
+    onError?: (error: Error) => void;
+}
+/**
+ * Footer Newsletter Contact - A comprehensive footer with newsletter signup,
+ * navigation links, contact details, and social media icons.
+ *
+ * Layout: Four-column grid with newsletter, link sections, and contact info.
+ * Key features: Newsletter form, contact details with icons, social links.
+ * Best for: E-commerce sites, business websites, service-based companies.
+ *
+ * @example
+ * ```tsx
+ * <FooterNewsletterContact
+ *   newsletterTitle="Newsletter"
+ *   newsletterDescription="Join our newsletter for exclusive deals."
+ *   footerLinks={[
+ *     { title: "Information", items: [...] },
+ *   ]}
+ *   contactDetails={[
+ *     { icon: "lucide/mail", text: "support@store.com", type: "email" },
+ *   ]}
+ * />
+ * ```
+ */
+declare function FooterNewsletterContact({ newsletterTitle, newsletterDescription, newsletterPlaceholder, newsletterButtonText, footerLinks, contactDetails, socialLinks, logo, copyright, className, background, spacing, pattern, patternOpacity, optixFlowConfig, formConfig, onSubmit, onSuccess, onError, }: FooterNewsletterContactProps): react_jsx_runtime.JSX.Element;
+
+export { FooterNewsletterContact, type FooterNewsletterContactDetail, type FooterNewsletterContactLink, type FooterNewsletterContactProps, type FooterNewsletterContactSection, type FooterNewsletterContactSocialLink };