@olwiba/ui 0.0.37 → 0.0.41

package/dist/email/index.d.ts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface ActionEmailProps {
+    appName: string;
+    preview: string;
+    heading: string;
+    description: string;
+    actionLabel: string;
+    actionUrl: string;
+    brandColor?: string;
+    showLinkFallback?: boolean;
+}
+declare function ActionEmail({ appName, preview, heading, description, actionLabel, actionUrl, brandColor, showLinkFallback, }: ActionEmailProps): react_jsx_runtime.JSX.Element;
+
+interface NoticeEmailProps {
+    appName: string;
+    preview: string;
+    heading: string;
+    body: string;
+    brandColor?: string;
+}
+declare function NoticeEmail({ appName, preview, heading, body, brandColor, }: NoticeEmailProps): react_jsx_runtime.JSX.Element;
+
+interface EmailLayoutProps {
+    preview?: string;
+    appName: string;
+    brandColor?: string;
+    children: ReactNode;
+    footer?: ReactNode;
+}
+/** Branded email shell — UI block composed from CN primitives. */
+declare function EmailLayout({ preview, appName, brandColor, children, footer, }: EmailLayoutProps): react_jsx_runtime.JSX.Element;
+
+export { ActionEmail, type ActionEmailProps, EmailLayout, type EmailLayoutProps, NoticeEmail, type NoticeEmailProps };

package/dist/email/index.js

@@ -0,0 +1,135 @@
+import { EmailRoot, EmailHead, EmailPreview, EmailBody, emailTheme, EmailContainer, EmailSection, EmailText, EmailHeading, EmailButton, EmailLink } from '@olwiba/cn/email';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+// src/email/ActionEmail.tsx
+function EmailLayout({
+  preview,
+  appName,
+  brandColor = emailTheme.defaultBrandColor,
+  children,
+  footer
+}) {
+  const year = (/* @__PURE__ */ new Date()).getFullYear();
+  return /* @__PURE__ */ jsxs(EmailRoot, { children: [
+    /* @__PURE__ */ jsx(EmailHead, {}),
+    preview ? /* @__PURE__ */ jsx(EmailPreview, { children: preview }) : null,
+    /* @__PURE__ */ jsx(
+      EmailBody,
+      {
+        style: {
+          backgroundColor: emailTheme.pageBackground,
+          fontFamily: emailTheme.fontFamily,
+          margin: 0,
+          padding: "24px 0"
+        },
+        children: /* @__PURE__ */ jsxs(
+          EmailContainer,
+          {
+            style: {
+              maxWidth: "560px",
+              margin: "0 auto",
+              backgroundColor: emailTheme.cardBackground,
+              borderRadius: "16px",
+              overflow: "hidden",
+              border: `1px solid ${emailTheme.cardBorder}`
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                EmailSection,
+                {
+                  style: {
+                    padding: "24px 32px",
+                    borderBottom: `1px solid ${emailTheme.cardBorder}`
+                  },
+                  children: /* @__PURE__ */ jsx(
+                    EmailText,
+                    {
+                      style: {
+                        margin: 0,
+                        fontSize: "18px",
+                        fontWeight: 600,
+                        color: brandColor
+                      },
+                      children: appName
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(EmailSection, { style: { padding: "32px" }, children }),
+              footer ?? /* @__PURE__ */ jsx(
+                EmailSection,
+                {
+                  style: {
+                    padding: "20px 32px",
+                    borderTop: `1px solid ${emailTheme.cardBorder}`,
+                    backgroundColor: emailTheme.mutedBackground
+                  },
+                  children: /* @__PURE__ */ jsxs(
+                    EmailText,
+                    {
+                      variant: "caption",
+                      style: {
+                        margin: 0,
+                        textAlign: "center"
+                      },
+                      children: [
+                        "\xA9 ",
+                        year,
+                        " ",
+                        appName,
+                        ". All rights reserved."
+                      ]
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+function EmailLinkFallback({
+  actionUrl,
+  label = "Or copy and paste this link into your browser:",
+  brandColor
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(EmailText, { variant: "caption", style: { margin: "24px 0 8px" }, children: label }),
+    /* @__PURE__ */ jsx(EmailText, { style: { margin: 0 }, children: /* @__PURE__ */ jsx(EmailLink, { href: actionUrl, brandColor, children: actionUrl }) })
+  ] });
+}
+function ActionEmail({
+  appName,
+  preview,
+  heading,
+  description,
+  actionLabel,
+  actionUrl,
+  brandColor = emailTheme.defaultBrandColor,
+  showLinkFallback = true
+}) {
+  return /* @__PURE__ */ jsxs(EmailLayout, { preview, appName, brandColor, children: [
+    /* @__PURE__ */ jsx(EmailHeading, { children: heading }),
+    /* @__PURE__ */ jsx(EmailText, { variant: "muted", style: { margin: "0 0 24px" }, children: description }),
+    /* @__PURE__ */ jsx(EmailButton, { href: actionUrl, label: actionLabel, brandColor }),
+    showLinkFallback ? /* @__PURE__ */ jsx(EmailLinkFallback, { actionUrl, brandColor }) : null
+  ] });
+}
+function NoticeEmail({
+  appName,
+  preview,
+  heading,
+  body,
+  brandColor = emailTheme.defaultBrandColor
+}) {
+  return /* @__PURE__ */ jsxs(EmailLayout, { preview, appName, brandColor, children: [
+    /* @__PURE__ */ jsx(EmailHeading, { children: heading }),
+    /* @__PURE__ */ jsx(EmailText, { variant: "muted", style: { margin: 0, whiteSpace: "pre-wrap" }, children: body })
+  ] });
+}
+
+export { ActionEmail, EmailLayout, NoticeEmail };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/email/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/email/EmailLayout.tsx","../../src/email/EmailLinkFallback.tsx","../../src/email/ActionEmail.tsx","../../src/email/NoticeEmail.tsx"],"names":["jsxs","jsx","EmailText","emailTheme","EmailHeading"],"mappings":"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","file":"index.js","sourcesContent":["import type { ReactNode } from 'react';\nimport {\n  EmailBody,\n  EmailContainer,\n  EmailHead,\n  EmailPreview,\n  EmailRoot,\n  EmailSection,\n  EmailText,\n  emailTheme,\n} from '@olwiba/cn/email';\n\nexport interface EmailLayoutProps {\n  preview?: string;\n  appName: string;\n  brandColor?: string;\n  children: ReactNode;\n  footer?: ReactNode;\n}\n\n/** Branded email shell — UI block composed from CN primitives. */\nexport function EmailLayout({\n  preview,\n  appName,\n  brandColor = emailTheme.defaultBrandColor,\n  children,\n  footer,\n}: EmailLayoutProps) {\n  const year = new Date().getFullYear();\n\n  return (\n    <EmailRoot>\n      <EmailHead />\n      {preview ? <EmailPreview>{preview}</EmailPreview> : null}\n      <EmailBody\n        style={{\n          backgroundColor: emailTheme.pageBackground,\n          fontFamily: emailTheme.fontFamily,\n          margin: 0,\n          padding: '24px 0',\n        }}\n      >\n        <EmailContainer\n          style={{\n            maxWidth: '560px',\n            margin: '0 auto',\n            backgroundColor: emailTheme.cardBackground,\n            borderRadius: '16px',\n            overflow: 'hidden',\n            border: `1px solid ${emailTheme.cardBorder}`,\n          }}\n        >\n          <EmailSection\n            style={{\n              padding: '24px 32px',\n              borderBottom: `1px solid ${emailTheme.cardBorder}`,\n            }}\n          >\n            <EmailText\n              style={{\n                margin: 0,\n                fontSize: '18px',\n                fontWeight: 600,\n                color: brandColor,\n              }}\n            >\n              {appName}\n            </EmailText>\n          </EmailSection>\n\n          <EmailSection style={{ padding: '32px' }}>{children}</EmailSection>\n\n          {footer ?? (\n            <EmailSection\n              style={{\n                padding: '20px 32px',\n                borderTop: `1px solid ${emailTheme.cardBorder}`,\n                backgroundColor: emailTheme.mutedBackground,\n              }}\n            >\n              <EmailText\n                variant=\"caption\"\n                style={{\n                  margin: 0,\n                  textAlign: 'center',\n                }}\n              >\n                © {year} {appName}. All rights reserved.\n              </EmailText>\n            </EmailSection>\n          )}\n        </EmailContainer>\n      </EmailBody>\n    </EmailRoot>\n  );\n}\n","import { EmailLink, EmailText } from '@olwiba/cn/email';\n\nexport interface EmailLinkFallbackProps {\n  actionUrl: string;\n  label?: string;\n  brandColor?: string;\n}\n\nexport function EmailLinkFallback({\n  actionUrl,\n  label = 'Or copy and paste this link into your browser:',\n  brandColor,\n}: EmailLinkFallbackProps) {\n  return (\n    <>\n      <EmailText variant=\"caption\" style={{ margin: '24px 0 8px' }}>\n        {label}\n      </EmailText>\n      <EmailText style={{ margin: 0 }}>\n        <EmailLink href={actionUrl} brandColor={brandColor}>\n          {actionUrl}\n        </EmailLink>\n      </EmailText>\n    </>\n  );\n}\n","import {\n  EmailButton,\n  EmailHeading,\n  EmailText,\n  emailTheme,\n} from '@olwiba/cn/email';\nimport { EmailLayout } from './EmailLayout';\nimport { EmailLinkFallback } from './EmailLinkFallback';\n\nexport interface ActionEmailProps {\n  appName: string;\n  preview: string;\n  heading: string;\n  description: string;\n  actionLabel: string;\n  actionUrl: string;\n  brandColor?: string;\n  showLinkFallback?: boolean;\n}\n\nexport function ActionEmail({\n  appName,\n  preview,\n  heading,\n  description,\n  actionLabel,\n  actionUrl,\n  brandColor = emailTheme.defaultBrandColor,\n  showLinkFallback = true,\n}: ActionEmailProps) {\n  return (\n    <EmailLayout preview={preview} appName={appName} brandColor={brandColor}>\n      <EmailHeading>{heading}</EmailHeading>\n      <EmailText variant=\"muted\" style={{ margin: '0 0 24px' }}>\n        {description}\n      </EmailText>\n      <EmailButton href={actionUrl} label={actionLabel} brandColor={brandColor} />\n      {showLinkFallback ? (\n        <EmailLinkFallback actionUrl={actionUrl} brandColor={brandColor} />\n      ) : null}\n    </EmailLayout>\n  );\n}\n","import {\n  EmailHeading,\n  EmailText,\n  emailTheme,\n} from '@olwiba/cn/email';\nimport { EmailLayout } from './EmailLayout';\n\nexport interface NoticeEmailProps {\n  appName: string;\n  preview: string;\n  heading: string;\n  body: string;\n  brandColor?: string;\n}\n\nexport function NoticeEmail({\n  appName,\n  preview,\n  heading,\n  body,\n  brandColor = emailTheme.defaultBrandColor,\n}: NoticeEmailProps) {\n  return (\n    <EmailLayout preview={preview} appName={appName} brandColor={brandColor}>\n      <EmailHeading>{heading}</EmailHeading>\n      <EmailText variant=\"muted\" style={{ margin: 0, whiteSpace: 'pre-wrap' }}>\n        {body}\n      </EmailText>\n    </EmailLayout>\n  );\n}\n"]}

package/dist/index.d.ts

@@ -814,6 +814,25 @@ interface PostListProps {
 }
 declare function PostList({ posts, renderLink, emptyMessage }: PostListProps): react_jsx_runtime.JSX.Element;
 
+interface ChangelogCardProps {
+    title: string;
+    summary: string;
+    date: string;
+    slug: string;
+    version?: string;
+    hrefPrefix?: string;
+    renderLink?: AppShellRenderLink;
+}
+declare function ChangelogCard({ title, summary, date, slug, version, hrefPrefix, renderLink, }: ChangelogCardProps): react_jsx_runtime.JSX.Element;
+
+interface ChangelogListProps {
+    entries: ChangelogCardProps[];
+    renderLink?: AppShellRenderLink;
+    emptyMessage?: string;
+    hrefPrefix?: string;
+}
+declare function ChangelogList({ entries, renderLink, emptyMessage, hrefPrefix, }: ChangelogListProps): react_jsx_runtime.JSX.Element;
+
 interface MdxContentProps {
     code: string;
 }
@@ -875,4 +894,4 @@ interface UsePaginationReturn {
 }
 declare function usePagination(total: number, pageSize: number): UsePaginationReturn;
 
-export { type AppNavItem, AppScreen, AppShell, type AppShellAction, type AppShellBrand, type AppShellProps, type AppShellRenderLink, type AppShellUser, type AuthFormProps, AuthSection, type AuthSectionProps, Badge, type BadgeProps, Button, type ButtonProps, Card, type CardProps, Checkbox, type CheckboxProps, ConfirmDialog, type ConfirmDialogProps, type ConfirmOptions, type ContactInfoItem, ContactSection, type ContactSectionProps, ContextMenu, type ContextMenuDef, type ContextMenuProps, CountUp, type CountUpProps, CtaSection, type CtaSectionProps, DevBanner, type DevBannerProps, Dock, type DockItem, type DockProps, EmptyState, type EmptyStateProps, ErrorPage, type ErrorPageProps, FadeIn, type FadeInProps, FaqSection, type FaqSectionProps, FeatureCard, type FeatureCardProps, FeaturesSection, type FeaturesSectionProps, Footer, type FooterProps, FullPageSpinner, GlassCard, type GlassCardProps, HeroSection, type HeroSectionProps, type Hotkey, ImageCard, type ImageCardProps, Input, type InputProps, LogoStrip, type LogoStripProps, MdxContent, type MdxContentProps, Navbar, type NavbarProps, NewsletterSection, type NewsletterSectionProps, OlwibaUIProvider, type OlwibaUIProviderProps, Overlay, type OverlayProps, type OverlayVariant, PageHeader, type PageHeaderBackButton, type PageHeaderBreadcrumb, type PageHeaderProps, PageTransition, type PageTransitionProps, PhoneFrame, type PhoneFrameProps, PostCard, type PostCardProps, PostList, type PostListProps, PricingCard, type PricingCardProps, type PricingFeature, type PricingPlan, PricingSection, type PricingSectionProps, RegisterHotkeys, RootErrorFallback, SectionTitle, type SectionTitleProps, Spotlight, type SpotlightGroup, type SpotlightItem, type SpotlightProps, StaggerChildren, type StaggerChildrenProps, StatCard, type StatCardProps, StatsSection, type StatsSectionProps, Suspensed, Switch, type SwitchProps, TeamSection, TestimonialCard, type TestimonialCardProps, TestimonialsSection, type TestimonialsSectionProps, Textarea, type TextareaProps, ThemeColorUpdater, ThemeSwitchMinimal, type UIMode, Underlay, type UnderlayProps, type UnderlayVariant, type UpgradeComparisonRow, UpgradePrompt, type UpgradePromptProps, type UseConfirmReturn, type UseControlledOpenReturn, type UsePaginationReturn, VersionBanner, cn, useConfirm, useControlledOpen, useCopyToClipboard, useDebounce, useIntersectionObserver, useLocalStorage, useMediaQuery, useMounted, useOlwibaUI, usePagination, useScrolledPast, useUIMode };
+export { type AppNavItem, AppScreen, AppShell, type AppShellAction, type AppShellBrand, type AppShellProps, type AppShellRenderLink, type AppShellUser, type AuthFormProps, AuthSection, type AuthSectionProps, Badge, type BadgeProps, Button, type ButtonProps, Card, type CardProps, ChangelogCard, type ChangelogCardProps, ChangelogList, type ChangelogListProps, Checkbox, type CheckboxProps, ConfirmDialog, type ConfirmDialogProps, type ConfirmOptions, type ContactInfoItem, ContactSection, type ContactSectionProps, ContextMenu, type ContextMenuDef, type ContextMenuProps, CountUp, type CountUpProps, CtaSection, type CtaSectionProps, DevBanner, type DevBannerProps, Dock, type DockItem, type DockProps, EmptyState, type EmptyStateProps, ErrorPage, type ErrorPageProps, FadeIn, type FadeInProps, FaqSection, type FaqSectionProps, FeatureCard, type FeatureCardProps, FeaturesSection, type FeaturesSectionProps, Footer, type FooterProps, FullPageSpinner, GlassCard, type GlassCardProps, HeroSection, type HeroSectionProps, type Hotkey, ImageCard, type ImageCardProps, Input, type InputProps, LogoStrip, type LogoStripProps, MdxContent, type MdxContentProps, Navbar, type NavbarProps, NewsletterSection, type NewsletterSectionProps, OlwibaUIProvider, type OlwibaUIProviderProps, Overlay, type OverlayProps, type OverlayVariant, PageHeader, type PageHeaderBackButton, type PageHeaderBreadcrumb, type PageHeaderProps, PageTransition, type PageTransitionProps, PhoneFrame, type PhoneFrameProps, PostCard, type PostCardProps, PostList, type PostListProps, PricingCard, type PricingCardProps, type PricingFeature, type PricingPlan, PricingSection, type PricingSectionProps, RegisterHotkeys, RootErrorFallback, SectionTitle, type SectionTitleProps, Spotlight, type SpotlightGroup, type SpotlightItem, type SpotlightProps, StaggerChildren, type StaggerChildrenProps, StatCard, type StatCardProps, StatsSection, type StatsSectionProps, Suspensed, Switch, type SwitchProps, TeamSection, TestimonialCard, type TestimonialCardProps, TestimonialsSection, type TestimonialsSectionProps, Textarea, type TextareaProps, ThemeColorUpdater, ThemeSwitchMinimal, type UIMode, Underlay, type UnderlayProps, type UnderlayVariant, type UpgradeComparisonRow, UpgradePrompt, type UpgradePromptProps, type UseConfirmReturn, type UseControlledOpenReturn, type UsePaginationReturn, VersionBanner, cn, useConfirm, useControlledOpen, useCopyToClipboard, useDebounce, useIntersectionObserver, useLocalStorage, useMediaQuery, useMounted, useOlwibaUI, usePagination, useScrolledPast, useUIMode };

package/dist/index.js

@@ -153,7 +153,7 @@ function ShellSidebar({
     /* @__PURE__ */ jsx(SidebarHeader, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, { asChild: true, tooltip: typeof brand.name === "string" ? brand.name : void 0, className: "data-[slot=sidebar-menu-button]:!p-1.5", children: renderLink({
       href: brand.href ?? "#",
       children: /* @__PURE__ */ jsxs(Fragment, { children: [
-        brand.logo ?? /* @__PURE__ */ jsx("span", { className: "flex size-4 shrink-0 items-center justify-center text-sm font-semibold", children: fallbackLogo }),
+        brand.logo ? /* @__PURE__ */ jsx("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-primary text-primary-foreground", children: brand.logo }) : /* @__PURE__ */ jsx("span", { className: "flex size-4 shrink-0 items-center justify-center text-sm font-semibold", children: fallbackLogo }),
         /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-base font-semibold group-data-[collapsible=icon]:hidden", children: brand.name })
       ] })
     }) }) }) }) }),
@@ -1243,6 +1243,17 @@ function NewsletterSection({
         " ",
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: successDescription })
       ] }) : /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "mt-8 flex flex-col gap-3 sm:flex-row", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            name: "company",
+            tabIndex: -1,
+            autoComplete: "off",
+            "aria-hidden": "true",
+            className: "hidden"
+          }
+        ),
         /* @__PURE__ */ jsx(
           Input$1,
           {
@@ -1331,23 +1342,34 @@ function ContactSection({
       ] }),
       /* @__PURE__ */ jsx(Button$1, { variant: "outline", onClick: () => setSubmitted(false), children: sendAnotherLabel })
     ] }) : /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-5", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          name: "company",
+          tabIndex: -1,
+          autoComplete: "off",
+          "aria-hidden": "true",
+          className: "hidden"
+        }
+      ),
       /* @__PURE__ */ jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [
         /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
           /* @__PURE__ */ jsx(Label, { htmlFor: "contact-first", children: "First name" }),
-          /* @__PURE__ */ jsx(Input$1, { id: "contact-first", placeholder: "Olivia", required: true })
+          /* @__PURE__ */ jsx(Input$1, { id: "contact-first", name: "firstName", placeholder: "Olivia", required: true })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
           /* @__PURE__ */ jsx(Label, { htmlFor: "contact-last", children: "Last name" }),
-          /* @__PURE__ */ jsx(Input$1, { id: "contact-last", placeholder: "Reed", required: true })
+          /* @__PURE__ */ jsx(Input$1, { id: "contact-last", name: "lastName", placeholder: "Reed", required: true })
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
         /* @__PURE__ */ jsx(Label, { htmlFor: "contact-email", children: "Email" }),
-        /* @__PURE__ */ jsx(Input$1, { id: "contact-email", type: "email", placeholder: "olivia@company.com", required: true })
+        /* @__PURE__ */ jsx(Input$1, { id: "contact-email", name: "email", type: "email", placeholder: "olivia@company.com", required: true })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
         /* @__PURE__ */ jsx(Label, { htmlFor: "contact-subject", children: "Subject" }),
-        /* @__PURE__ */ jsx(Input$1, { id: "contact-subject", placeholder: "How can we help?", required: true })
+        /* @__PURE__ */ jsx(Input$1, { id: "contact-subject", name: "subject", placeholder: "How can we help?", required: true })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
         /* @__PURE__ */ jsx(Label, { htmlFor: "contact-message", children: "Message" }),
@@ -1355,6 +1377,7 @@ function ContactSection({
           Textarea$1,
           {
             id: "contact-message",
+            name: "message",
             placeholder: "Tell us what you're working on...",
             className: "min-h-28 resize-none",
             required: true
@@ -1404,7 +1427,7 @@ function Navbar({
     renderLink({
       href: brandHref,
       children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 font-semibold", children: [
-        brand.logo && /* @__PURE__ */ jsx("span", { className: "flex h-7 w-7 items-center justify-center rounded-lg bg-primary text-primary-foreground", children: brand.logo }),
+        brand.logo && /* @__PURE__ */ jsx("span", { className: "flex h-9 w-9 items-center justify-center rounded-xl bg-primary text-primary-foreground", children: brand.logo }),
         /* @__PURE__ */ jsx("span", { children: brand.name })
       ] })
     }),
@@ -1476,18 +1499,18 @@ function Footer({
 }) {
   const brandHref = brand.href ?? "/";
   const copyrightText = legal ?? `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} ${brand.name}. All rights reserved.`;
-  return /* @__PURE__ */ jsx("footer", { className: "bg-gray-900", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-7xl overflow-hidden px-6 py-20 sm:py-24 lg:px-8", children: [
+  return /* @__PURE__ */ jsx("footer", { className: "overflow-hidden rounded-2xl border bg-foreground text-background", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-7xl px-6 py-20 sm:py-24 lg:px-8", children: [
     /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: renderLink({
       href: brandHref,
       className: "flex items-center gap-2",
       children: /* @__PURE__ */ jsxs(Fragment, { children: [
-        brand.logo && /* @__PURE__ */ jsx("span", { className: "flex h-8 w-8 items-center justify-center rounded-lg bg-white/10 text-white", children: brand.logo }),
-        /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold text-white", children: brand.name })
+        brand.logo && /* @__PURE__ */ jsx("span", { className: "flex h-8 w-8 items-center justify-center rounded-lg bg-background/10 text-background", children: brand.logo }),
+        /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold text-background", children: brand.name })
       ] })
     }) }),
     navLinks && navLinks.length > 0 && /* @__PURE__ */ jsx("nav", { className: "mt-10 flex flex-wrap justify-center gap-x-12 gap-y-3", "aria-label": "Footer", children: navLinks.map(({ label, href }) => /* @__PURE__ */ jsx("div", { children: renderLink({
       href,
-      className: "text-sm/6 text-gray-400 hover:text-white transition-colors",
+      className: "text-sm/6 text-background/70 transition-colors hover:text-background",
       children: label
     }) }, label)) }),
     socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-10 flex justify-center gap-x-10", children: socialLinks.map(({ label, href, icon }) => /* @__PURE__ */ jsx(
@@ -1495,12 +1518,12 @@ function Footer({
       {
         href,
         "aria-label": label,
-        className: "text-gray-400 hover:text-gray-300 transition-colors",
+        className: "text-background/70 transition-colors hover:text-background",
         children: icon
       },
       label
     )) }),
-    /* @__PURE__ */ jsx("p", { className: "mt-10 text-center text-sm/6 text-gray-500", children: copyrightText })
+    /* @__PURE__ */ jsx("p", { className: "mt-10 text-center text-sm/6 text-background/50", children: copyrightText })
   ] }) });
 }
 var speedDuration = {
@@ -2164,6 +2187,59 @@ function PostList({ posts, renderLink, emptyMessage = "No posts published yet."
   }
   return /* @__PURE__ */ jsx("div", { className: "grid gap-8 sm:grid-cols-2", children: posts.map((post) => /* @__PURE__ */ jsx(PostCard, { ...post, renderLink }, post.slug)) });
 }
+function formatDate2(dateStr) {
+  return new Date(dateStr).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  });
+}
+function ChangelogCard({
+  title,
+  summary,
+  date,
+  slug,
+  version,
+  hrefPrefix = "/changelog",
+  renderLink
+}) {
+  const href = `${hrefPrefix}/${slug}`;
+  const LinkWrapper = ({
+    children,
+    className
+  }) => renderLink ? renderLink({ href, children, className }) : /* @__PURE__ */ jsx("a", { href, className, children });
+  return /* @__PURE__ */ jsxs("article", { className: "group flex flex-col gap-3 border-b border-border/60 pb-8 last:border-0 last:pb-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("time", { dateTime: date, children: formatDate2(date) }),
+      version && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { children: "\xB7" }),
+        /* @__PURE__ */ jsx(Badge$1, { variant: "secondary", className: "font-mono text-xs", children: version })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold leading-snug tracking-tight", children: /* @__PURE__ */ jsx(LinkWrapper, { className: "transition-colors hover:text-primary", children: title }) }),
+    /* @__PURE__ */ jsx("p", { className: cn$1("line-clamp-3 text-sm text-muted-foreground"), children: summary }),
+    /* @__PURE__ */ jsx(LinkWrapper, { className: "text-sm font-medium text-primary hover:underline", children: "Read release notes \u2192" })
+  ] });
+}
+function ChangelogList({
+  entries,
+  renderLink,
+  emptyMessage = "No changelog entries yet.",
+  hrefPrefix
+}) {
+  if (entries.length === 0) {
+    return /* @__PURE__ */ jsx("p", { className: "text-sm italic text-muted-foreground", children: emptyMessage });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-8", children: entries.map((entry) => /* @__PURE__ */ jsx(
+    ChangelogCard,
+    {
+      ...entry,
+      hrefPrefix,
+      renderLink
+    },
+    entry.slug
+  )) });
+}
 var components = {
   h1: ({ className, ...props }) => /* @__PURE__ */ jsx("h1", { className: cn("mt-8 scroll-m-20 text-3xl font-bold tracking-tight text-foreground first:mt-0", className), ...props }),
   h2: ({ className, ...props }) => /* @__PURE__ */ jsx("h2", { className: cn("mt-10 scroll-m-20 text-2xl font-semibold tracking-tight text-foreground first:mt-0", className), ...props }),
@@ -2322,6 +2398,6 @@ function usePagination(total, pageSize) {
   return { page, pageSize, totalPages, offset, hasPrev: page > 1, hasNext: page < totalPages, goTo, next, prev };
 }
 
-export { AppScreen, AppShell, AuthSection, Badge, Button, Card, Checkbox, ConfirmDialog, ContactSection, ContextMenu, CountUp, CtaSection, DevBanner, Dock, EmptyState, ErrorPage, FadeIn, FaqSection, FeatureCard, FeaturesSection, Footer, FullPageSpinner, GlassCard, HeroSection, ImageCard, Input, LogoStrip, MdxContent, Navbar, NewsletterSection, OlwibaUIProvider, Overlay, PageHeader, PageTransition, PhoneFrame, PostCard, PostList, PricingCard, PricingSection, RegisterHotkeys, RootErrorFallback, SectionTitle, Spotlight, StaggerChildren, StatCard, StatsSection, Suspensed, Switch, TeamSection, TestimonialCard, TestimonialsSection, Textarea, ThemeColorUpdater, ThemeSwitchMinimal, Underlay, UpgradePrompt, VersionBanner, cn, useConfirm, useControlledOpen, useCopyToClipboard, useDebounce, useIntersectionObserver, useLocalStorage, useMediaQuery, useMounted, useOlwibaUI, usePagination, useScrolledPast, useUIMode };
+export { AppScreen, AppShell, AuthSection, Badge, Button, Card, ChangelogCard, ChangelogList, Checkbox, ConfirmDialog, ContactSection, ContextMenu, CountUp, CtaSection, DevBanner, Dock, EmptyState, ErrorPage, FadeIn, FaqSection, FeatureCard, FeaturesSection, Footer, FullPageSpinner, GlassCard, HeroSection, ImageCard, Input, LogoStrip, MdxContent, Navbar, NewsletterSection, OlwibaUIProvider, Overlay, PageHeader, PageTransition, PhoneFrame, PostCard, PostList, PricingCard, PricingSection, RegisterHotkeys, RootErrorFallback, SectionTitle, Spotlight, StaggerChildren, StatCard, StatsSection, Suspensed, Switch, TeamSection, TestimonialCard, TestimonialsSection, Textarea, ThemeColorUpdater, ThemeSwitchMinimal, Underlay, UpgradePrompt, VersionBanner, cn, useConfirm, useControlledOpen, useCopyToClipboard, useDebounce, useIntersectionObserver, useLocalStorage, useMediaQuery, useMounted, useOlwibaUI, usePagination, useScrolledPast, useUIMode };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map