@opensite/ui 1.3.2 → 1.3.4

package/dist/footer-accordion-social.d.cts

@@ -0,0 +1,154 @@
+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 FooterAccordionSocialLink {
+    /**
+     * Link text
+     */
+    text: string;
+    /**
+     * Link URL
+     */
+    link?: string;
+    /**
+     * Link type for special handling
+     */
+    type?: "default" | "email";
+    /**
+     * Email address (if type is email)
+     */
+    email?: string;
+}
+interface FooterAccordionSocialSection {
+    /**
+     * Section title
+     */
+    title: string;
+    /**
+     * Unique identifier
+     */
+    id: string;
+    /**
+     * Array of links in this section
+     */
+    items: FooterAccordionSocialLink[];
+}
+interface FooterAccordionSocialMediaLink {
+    /**
+     * Icon name in format: prefix/name
+     */
+    icon: string;
+    /**
+     * Link URL
+     */
+    link: string;
+    /**
+     * Accessible label
+     */
+    label: string;
+}
+interface FooterAccordionSocialProps {
+    /**
+     * Newsletter title
+     */
+    newsletterTitle?: string;
+    /**
+     * Newsletter description
+     */
+    newsletterDescription?: string;
+    /**
+     * Footer link sections
+     */
+    footerLinks?: FooterAccordionSocialSection[];
+    /**
+     * Social media links
+     */
+    socialLinks?: FooterAccordionSocialMediaLink[];
+    /**
+     * Logo configuration
+     */
+    logo?: {
+        light: string;
+        dark: string;
+        url: string;
+    };
+    /**
+     * Copyright text
+     */
+    copyright?: string;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    /**
+     * 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;
+    /**
+     * Background style for the section
+     */
+    background?: SectionBackground;
+    /**
+     * Vertical spacing for the section
+     */
+    spacing?: SectionSpacing;
+    /**
+     * Optional background pattern name or URL
+     */
+    pattern?: PatternName | undefined;
+    /**
+     * Pattern overlay opacity (0-1)
+     */
+    patternOpacity?: number;
+    /**
+     * Additional CSS classes for the pattern overlay
+     */
+    patternClassName?: string;
+}
+/**
+ * Footer Accordion Social - A footer with newsletter, accordion navigation links,
+ * and social media icons with responsive accordion behavior.
+ *
+ * Layout: Newsletter section at top, accordion links in grid, social icons.
+ * Key features: Responsive accordion (collapsed on mobile, expanded on desktop).
+ * Best for: E-commerce sites, retail brands, content-heavy websites.
+ *
+ * @example
+ * ```tsx
+ * <FooterAccordionSocial
+ *   newsletterTitle="Stay in the loop"
+ *   newsletterDescription="Get updates on new products and offers."
+ *   footerLinks={[
+ *     { title: "Shop", id: "shop", items: [...] },
+ *   ]}
+ * />
+ * ```
+ */
+declare function FooterAccordionSocial({ newsletterTitle, newsletterDescription, footerLinks, socialLinks, logo, copyright, className, optixFlowConfig, formConfig, onSubmit, onSuccess, onError, background, spacing, pattern, patternOpacity, patternClassName, }: FooterAccordionSocialProps): react_jsx_runtime.JSX.Element;
+
+export { FooterAccordionSocial, type FooterAccordionSocialLink, type FooterAccordionSocialMediaLink, type FooterAccordionSocialProps, type FooterAccordionSocialSection };

package/dist/footer-accordion-social.d.ts

@@ -0,0 +1,154 @@
+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 FooterAccordionSocialLink {
+    /**
+     * Link text
+     */
+    text: string;
+    /**
+     * Link URL
+     */
+    link?: string;
+    /**
+     * Link type for special handling
+     */
+    type?: "default" | "email";
+    /**
+     * Email address (if type is email)
+     */
+    email?: string;
+}
+interface FooterAccordionSocialSection {
+    /**
+     * Section title
+     */
+    title: string;
+    /**
+     * Unique identifier
+     */
+    id: string;
+    /**
+     * Array of links in this section
+     */
+    items: FooterAccordionSocialLink[];
+}
+interface FooterAccordionSocialMediaLink {
+    /**
+     * Icon name in format: prefix/name
+     */
+    icon: string;
+    /**
+     * Link URL
+     */
+    link: string;
+    /**
+     * Accessible label
+     */
+    label: string;
+}
+interface FooterAccordionSocialProps {
+    /**
+     * Newsletter title
+     */
+    newsletterTitle?: string;
+    /**
+     * Newsletter description
+     */
+    newsletterDescription?: string;
+    /**
+     * Footer link sections
+     */
+    footerLinks?: FooterAccordionSocialSection[];
+    /**
+     * Social media links
+     */
+    socialLinks?: FooterAccordionSocialMediaLink[];
+    /**
+     * Logo configuration
+     */
+    logo?: {
+        light: string;
+        dark: string;
+        url: string;
+    };
+    /**
+     * Copyright text
+     */
+    copyright?: string;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    /**
+     * 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;
+    /**
+     * Background style for the section
+     */
+    background?: SectionBackground;
+    /**
+     * Vertical spacing for the section
+     */
+    spacing?: SectionSpacing;
+    /**
+     * Optional background pattern name or URL
+     */
+    pattern?: PatternName | undefined;
+    /**
+     * Pattern overlay opacity (0-1)
+     */
+    patternOpacity?: number;
+    /**
+     * Additional CSS classes for the pattern overlay
+     */
+    patternClassName?: string;
+}
+/**
+ * Footer Accordion Social - A footer with newsletter, accordion navigation links,
+ * and social media icons with responsive accordion behavior.
+ *
+ * Layout: Newsletter section at top, accordion links in grid, social icons.
+ * Key features: Responsive accordion (collapsed on mobile, expanded on desktop).
+ * Best for: E-commerce sites, retail brands, content-heavy websites.
+ *
+ * @example
+ * ```tsx
+ * <FooterAccordionSocial
+ *   newsletterTitle="Stay in the loop"
+ *   newsletterDescription="Get updates on new products and offers."
+ *   footerLinks={[
+ *     { title: "Shop", id: "shop", items: [...] },
+ *   ]}
+ * />
+ * ```
+ */
+declare function FooterAccordionSocial({ newsletterTitle, newsletterDescription, footerLinks, socialLinks, logo, copyright, className, optixFlowConfig, formConfig, onSubmit, onSuccess, onError, background, spacing, pattern, patternOpacity, patternClassName, }: FooterAccordionSocialProps): react_jsx_runtime.JSX.Element;
+
+export { FooterAccordionSocial, type FooterAccordionSocialLink, type FooterAccordionSocialMediaLink, type FooterAccordionSocialProps, type FooterAccordionSocialSection };