@olwiba/ui 0.0.38 → 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.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 = {