dara-ui 0.3.0 → 0.4.0

package/dist/components/Footer/Footer.d.ts

@@ -0,0 +1,67 @@
+import { default as React } from 'react';
+export type FooterVariant = "default" | "sticky" | "minimal";
+export interface FooterColumn {
+    /**
+     * Column heading
+     */
+    title?: string;
+    /**
+     * Links in this column
+     */
+    links?: {
+        label: string;
+        href: string;
+        external?: boolean;
+        icon?: React.ReactNode;
+    }[];
+    /**
+     * Free-form content for this column (overrides links)
+     */
+    content?: React.ReactNode;
+}
+export interface FooterProps {
+    /**
+     * Layout variant
+     * - default: static footer at page bottom, brand + columns + bottom bar
+     * - sticky: always pinned to bottom of viewport (content pushes it up)
+     * - minimal: single-row thin strip
+     * @default "default"
+     */
+    variant?: FooterVariant;
+    /**
+     * Brand element (logo, name)
+     */
+    brand?: React.ReactNode;
+    /**
+     * Short tagline under the brand
+     */
+    tagline?: string;
+    /**
+     * Columns of links / content
+     */
+    columns?: FooterColumn[];
+    /**
+     * Social icons / media strip (rendered above the bottom bar)
+     */
+    social?: React.ReactNode;
+    /**
+     * Bottom bar content (copyright, legal links)
+     */
+    bottomBar?: React.ReactNode;
+    /**
+     * Additional className
+     */
+    className?: string;
+}
+/**
+ * Dara UI Footer
+ *
+ * Features:
+ * - Three variants: default, sticky, minimal
+ * - Glass-morphism styling consistent with Navbar
+ * - Responsive columns (2 cols on mobile, 4 on desktop)
+ * - RTL aware
+ * - Slots: brand, tagline, columns, social, bottomBar
+ */
+export declare const Footer: React.FC<FooterProps>;
+export default Footer;

package/dist/components/Footer/index.d.ts

@@ -0,0 +1,3 @@
+export { Footer } from './Footer';
+export type { FooterProps, FooterColumn, FooterVariant } from './Footer';
+export { Footer as default } from './Footer';

package/dist/components/Navbar/Navbar.d.ts

@@ -22,6 +22,22 @@ export interface NavbarProps {
     themeChangerMobile?: React.ReactNode;
     rightContent?: React.ReactNode;
     className?: string;
+    /**
+     * Enable IntersectionObserver-based scroll-spy.
+     * Each link's `href` (e.g. "#about") is observed; the section closest to
+     * the top of the viewport becomes active.
+     * @default false
+     */
+    scrollSpy?: boolean;
+    /**
+     * Offset from viewport top (px) where a section is considered "active"
+     * @default 140
+     */
+    scrollSpyOffset?: number;
+    /**
+     * Called with the currently-active section id whenever it changes
+     */
+    onActiveChange?: (id: string) => void;
 }
 export declare const Navbar: React.FC<NavbarProps>;
 export default Navbar;