@naeil/ui 0.2.0 → 0.3.0

package/dist/source/components/locale-switcher.js

@@ -0,0 +1,66 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuItem
+} from "./ui/dropdown-menu.js";
+function LocaleSwitcher({
+  locales,
+  currentLocale,
+  onLocaleChange
+}) {
+  var _a, _b;
+  const current = locales.find((l) => l.code === currentLocale);
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        className: "text-muted-foreground hover:text-foreground flex items-center gap-1.5 text-sm transition-colors focus:outline-none",
+        "aria-label": `Change language \u2014 current: ${(_a = current == null ? void 0 : current.short) != null ? _a : currentLocale}`,
+        children: [
+          /* @__PURE__ */ jsx(GlobeIcon, {}),
+          (_b = current == null ? void 0 : current.short) != null ? _b : currentLocale.toUpperCase()
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", className: "min-w-[120px]", children: locales.map((l) => /* @__PURE__ */ jsxs(
+      DropdownMenuItem,
+      {
+        onClick: () => onLocaleChange(l.code),
+        className: l.code === currentLocale ? "font-medium" : "",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground mr-2 w-5 text-xs", children: l.short }),
+          l.full
+        ]
+      },
+      l.code
+    )) })
+  ] });
+}
+function GlobeIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "14",
+      height: "14",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "shrink-0",
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsx("path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" }),
+        /* @__PURE__ */ jsx("path", { d: "M2 12h20" })
+      ]
+    }
+  );
+}
+export {
+  LocaleSwitcher
+};

package/dist/source/components/logo.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function Logo({ size, mono, className, }: {
+    size?: number;
+    mono?: boolean;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { Logo };

package/dist/source/components/logo.js

@@ -0,0 +1,52 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+function Logo({
+  size = 20,
+  mono = false,
+  className
+}) {
+  const id = `naeil-logo-${size}`;
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      "aria-label": "naeil",
+      className,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M6 4 L6 16 L20 16",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "square",
+            strokeLinejoin: "miter"
+          }
+        ),
+        mono ? /* @__PURE__ */ jsx("circle", { cx: "15", cy: "16", r: "3.5", fill: "currentColor", mask: `url(#${id})` }) : /* @__PURE__ */ jsx("circle", { cx: "15", cy: "16", r: "3.5", fill: `url(#${id}-grad)`, mask: `url(#${id})` }),
+        /* @__PURE__ */ jsxs("defs", { children: [
+          !mono && /* @__PURE__ */ jsxs(
+            "linearGradient",
+            {
+              id: `${id}-grad`,
+              x1: "15",
+              y1: "12.5",
+              x2: "15",
+              y2: "16",
+              children: [
+                /* @__PURE__ */ jsx("stop", { stopColor: "#eab308" }),
+                /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#dc2626" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("mask", { id, children: /* @__PURE__ */ jsx("rect", { x: "0", y: "0", width: "24", height: "16", fill: "white" }) })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  Logo
+};

package/dist/source/components/nav.d.ts

@@ -0,0 +1,39 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface NavProps {
+    /** Internal Link component (from consumer's next-intl routing) */
+    Link: React.ComponentType<React.ComponentPropsWithoutRef<"a"> & {
+        href: string;
+    }>;
+    /** Current pathname value (already resolved, not a hook) */
+    usePathname: () => string;
+    /** Where the .naeil logo links to. Default: "/" */
+    brandHref?: string;
+    /** Whether brandHref is external (renders <a>) or internal (renders Link). Default: false */
+    brandExternal?: boolean;
+    /** Custom brand content (replaces default Logo + ".naeil" text) */
+    brandSlot?: React.ReactNode;
+    /** When true, project links (except current) are rendered as external <a> to externalBaseUrl. Default: false */
+    projectsExternal?: boolean;
+    /** Base URL for external project links. Default: "https://naeil.dev" */
+    externalBaseUrl?: string;
+    /** Override href for the current project in the dropdown */
+    currentProjectKey?: string;
+    currentProjectHref?: string;
+    /** App-specific sub-navigation items after the project dropdown */
+    subNav?: Array<{
+        label: string;
+        href: string;
+    }>;
+    /** React node for auth UI (rendered in desktop right side + mobile bottom) */
+    authSlot?: React.ReactNode;
+    /** Show Projects dropdown in nav. Default: true */
+    showProjects?: boolean;
+    /** Show blog link in nav. Default: true */
+    showBlog?: boolean;
+    /** Right-side toolbar (theme toggle, locale switcher, etc.) */
+    toolbarSlot?: React.ReactNode;
+}
+declare function Nav({ Link, usePathname, brandHref, brandExternal, brandSlot, projectsExternal, externalBaseUrl, currentProjectKey, currentProjectHref, subNav, authSlot, showProjects, showBlog, toolbarSlot, }: NavProps): react_jsx_runtime.JSX.Element;
+
+export { Nav };

package/dist/source/components/nav.js

@@ -0,0 +1,412 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useTranslations } from "next-intl";
+import { Badge } from "./ui/badge.js";
+import Image from "next/image";
+const PROJECTS = [
+  {
+    key: "cc",
+    href: "/cc",
+    accent: "oklch(0.704 0.140 181)",
+    icon: "/images/coral.png",
+    status: "active"
+  },
+  {
+    key: "pkm",
+    href: "/pkm",
+    accent: "oklch(0.702 0.183 293)",
+    icon: "/images/jellyfish.png",
+    status: "coming"
+  },
+  {
+    key: "naeilUi",
+    href: "/design",
+    accent: "oklch(0.623 0.214 259)",
+    icon: "/images/whale.png",
+    status: "active"
+  },
+  {
+    key: "sa",
+    href: "/sa",
+    accent: "oklch(0.723 0.219 149)",
+    icon: "/images/fish.png",
+    status: "active"
+  },
+  {
+    key: "babyAgent",
+    href: "/baby-agent",
+    accent: "oklch(0.769 0.188 70.08)",
+    icon: "/images/turtle.png",
+    status: "coming"
+  }
+];
+function Nav({
+  Link,
+  usePathname,
+  brandHref = "/",
+  brandExternal = false,
+  brandSlot,
+  projectsExternal = false,
+  externalBaseUrl = "https://naeil.dev",
+  currentProjectKey,
+  currentProjectHref,
+  subNav,
+  authSlot,
+  showProjects = true,
+  showBlog = true,
+  toolbarSlot
+}) {
+  const t = useTranslations("nav");
+  const pt = useTranslations("projects");
+  const pathname = usePathname();
+  const [scrolled, setScrolled] = useState(false);
+  const [mobileOpen, setMobileOpen] = useState(false);
+  const [projectsOpen, setProjectsOpen] = useState(false);
+  useEffect(() => {
+    const onScroll = () => setScrolled(window.scrollY > 16);
+    window.addEventListener("scroll", onScroll, { passive: true });
+    return () => window.removeEventListener("scroll", onScroll);
+  }, []);
+  useEffect(() => {
+    setMobileOpen(false);
+    setProjectsOpen(false);
+  }, [pathname]);
+  useEffect(() => {
+    document.body.style.overflow = mobileOpen ? "hidden" : "";
+    return () => {
+      document.body.style.overflow = "";
+    };
+  }, [mobileOpen]);
+  const linkClass = (href) => {
+    const isActive = pathname === href;
+    return [
+      "text-sm font-medium transition-colors",
+      isActive ? "text-foreground" : "text-muted-foreground hover:text-foreground"
+    ].join(" ");
+  };
+  const isProjectActive = pathname.startsWith("/projects") || pathname.startsWith("/cc") || pathname.startsWith("/pkm") || pathname.startsWith("/sa") || pathname.startsWith("/design");
+  function getProjectLink(project) {
+    if (currentProjectKey && project.key === currentProjectKey) {
+      return { href: currentProjectHref || "/", external: false };
+    }
+    if (projectsExternal) {
+      return { href: `${externalBaseUrl}${project.href}`, external: true };
+    }
+    return { href: project.href, external: false };
+  }
+  const brandContent = brandSlot != null ? brandSlot : /* @__PURE__ */ jsxs("span", { className: "text-foreground flex items-center gap-3 text-xl font-semibold tracking-tight", children: [
+    /* @__PURE__ */ jsx(Logo, { size: 28 }),
+    ".naeil"
+  ] });
+  const brandElement = brandExternal ? /* @__PURE__ */ jsx("a", { href: brandHref, children: brandContent }) : /* @__PURE__ */ jsx(Link, { href: brandHref, children: brandContent });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "nav",
+      {
+        className: [
+          "fixed top-0 z-50 w-full transition-[background-color,border-color] duration-300",
+          scrolled || mobileOpen ? "border-b border-border/40 bg-background/80 backdrop-blur-md" : "border-b border-transparent bg-transparent"
+        ].join(" "),
+        children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex h-[58px] max-w-7xl items-center px-6", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center md:w-[200px]", children: brandElement }),
+          /* @__PURE__ */ jsxs("div", { className: "hidden flex-1 items-center gap-6 md:flex", children: [
+            showProjects && /* @__PURE__ */ jsxs("div", { className: "group relative", children: [
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  className: [
+                    "text-sm font-medium transition-colors",
+                    isProjectActive ? "text-foreground" : "text-muted-foreground hover:text-foreground"
+                  ].join(" "),
+                  children: [
+                    t("projects"),
+                    /* @__PURE__ */ jsx(
+                      "svg",
+                      {
+                        width: "10",
+                        height: "10",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        strokeWidth: "2",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        className: "ml-1 inline-block transition-transform group-hover:rotate-180",
+                        children: /* @__PURE__ */ jsx("path", { d: "M6 9l6 6 6-6" })
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute left-0 top-full pt-3 opacity-0 transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100", children: /* @__PURE__ */ jsx("div", { className: "border-border/40 bg-background/95 w-[520px] rounded-xl border p-4 shadow-xl backdrop-blur-md", children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-1", children: PROJECTS.map((project) => {
+                const { href, external } = getProjectLink(project);
+                const inner = /* @__PURE__ */ jsxs("div", { className: "hover:bg-muted/50 flex items-start gap-3.5 rounded-lg px-3 py-3 transition-colors", children: [
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border",
+                      style: {
+                        borderColor: `color-mix(in oklch, ${project.accent} 30%, transparent)`,
+                        backgroundColor: `color-mix(in oklch, ${project.accent} 8%, transparent)`
+                      },
+                      children: /* @__PURE__ */ jsx(
+                        Image,
+                        {
+                          src: project.icon,
+                          alt: "",
+                          width: 24,
+                          height: 24,
+                          className: "object-contain"
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 pt-0.5", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ jsx("span", { className: "text-foreground text-sm font-medium", children: pt(`${project.key}.name`) }),
+                      project.status === "coming" && /* @__PURE__ */ jsx(
+                        Badge,
+                        {
+                          variant: "outline",
+                          className: "text-muted-foreground px-1 py-0 text-[9px]",
+                          children: pt("status.coming")
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-0.5 text-xs leading-snug", children: pt(`${project.key}.description`) })
+                  ] })
+                ] });
+                if (external) {
+                  return /* @__PURE__ */ jsx("a", { href, children: inner }, project.key);
+                }
+                return /* @__PURE__ */ jsx(Link, { href, children: inner }, project.key);
+              }) }) }) })
+            ] }),
+            showBlog && /* @__PURE__ */ jsx(Fragment, { children: projectsExternal ? /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: `${externalBaseUrl}/blog`,
+                className: "text-sm font-medium text-muted-foreground transition-colors hover:text-foreground",
+                children: t("blog")
+              }
+            ) : /* @__PURE__ */ jsx(Link, { href: "/blog", className: linkClass("/blog"), children: t("blog") }) }),
+            subNav && subNav.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("div", { className: "h-4 w-px bg-border/40" }),
+              subNav.map((item) => /* @__PURE__ */ jsx(
+                Link,
+                {
+                  href: item.href,
+                  className: linkClass(item.href),
+                  children: item.label
+                },
+                item.href
+              ))
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "hidden items-center gap-3 md:flex", children: [
+            authSlot,
+            authSlot && toolbarSlot && /* @__PURE__ */ jsx("div", { className: "h-4 w-px bg-border/40" }),
+            toolbarSlot && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4", children: toolbarSlot })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "text-muted-foreground hover:text-foreground ml-auto transition-colors md:hidden",
+              onClick: () => setMobileOpen(!mobileOpen),
+              "aria-label": "Menu",
+              children: mobileOpen ? /* @__PURE__ */ jsx(CloseIcon, {}) : /* @__PURE__ */ jsx(MenuIcon, {})
+            }
+          )
+        ] })
+      }
+    ),
+    mobileOpen && /* @__PURE__ */ jsx("div", { className: "bg-background/95 fixed inset-0 z-40 overflow-y-auto pt-[58px] backdrop-blur-md md:hidden", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col px-6 py-6", children: [
+      showProjects && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            className: "text-foreground flex items-center justify-between py-3 text-base font-medium",
+            onClick: () => setProjectsOpen(!projectsOpen),
+            children: [
+              t("projects"),
+              /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  width: "14",
+                  height: "14",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  className: [
+                    "transition-transform duration-200",
+                    projectsOpen ? "rotate-180" : ""
+                  ].join(" "),
+                  children: /* @__PURE__ */ jsx("path", { d: "M6 9l6 6 6-6" })
+                }
+              )
+            ]
+          }
+        ),
+        projectsOpen && /* @__PURE__ */ jsx("div", { className: "mb-2 flex flex-col gap-1 pl-1", children: PROJECTS.map((project) => {
+          const { href, external } = getProjectLink(project);
+          const inner = /* @__PURE__ */ jsxs("div", { className: "hover:bg-muted/50 flex items-center gap-3 rounded-lg px-3 py-3 transition-colors", children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border",
+                style: {
+                  borderColor: `color-mix(in oklch, ${project.accent} 30%, transparent)`,
+                  backgroundColor: `color-mix(in oklch, ${project.accent} 8%, transparent)`
+                },
+                children: /* @__PURE__ */ jsx(
+                  Image,
+                  {
+                    src: project.icon,
+                    alt: "",
+                    width: 20,
+                    height: 20,
+                    className: "object-contain"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-foreground text-sm font-medium", children: pt(`${project.key}.name`) }),
+              project.status === "coming" && /* @__PURE__ */ jsx(
+                Badge,
+                {
+                  variant: "outline",
+                  className: "text-muted-foreground ml-2 px-1 py-0 text-[9px]",
+                  children: pt("status.coming")
+                }
+              )
+            ] })
+          ] });
+          if (external) {
+            return /* @__PURE__ */ jsx(
+              "a",
+              {
+                href,
+                onClick: () => setMobileOpen(false),
+                children: inner
+              },
+              project.key
+            );
+          }
+          return /* @__PURE__ */ jsx(
+            Link,
+            {
+              href,
+              onClick: () => setMobileOpen(false),
+              children: inner
+            },
+            project.key
+          );
+        }) })
+      ] }),
+      showBlog && /* @__PURE__ */ jsx(Fragment, { children: projectsExternal ? /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: `${externalBaseUrl}/blog`,
+          className: "text-foreground border-border/40 border-t py-3 text-base font-medium",
+          onClick: () => setMobileOpen(false),
+          children: t("blog")
+        }
+      ) : /* @__PURE__ */ jsx(
+        Link,
+        {
+          href: "/blog",
+          className: "text-foreground border-border/40 border-t py-3 text-base font-medium",
+          onClick: () => setMobileOpen(false),
+          children: t("blog")
+        }
+      ) }),
+      subNav && subNav.length > 0 && /* @__PURE__ */ jsx("div", { className: "border-border/40 border-t", children: subNav.map((item) => /* @__PURE__ */ jsx(
+        Link,
+        {
+          href: item.href,
+          className: "text-foreground block py-3 text-base font-medium",
+          onClick: () => setMobileOpen(false),
+          children: item.label
+        },
+        item.href
+      )) }),
+      authSlot && /* @__PURE__ */ jsx("div", { className: "border-border/40 border-t pt-4", children: authSlot }),
+      toolbarSlot && /* @__PURE__ */ jsx("div", { className: "border-border/40 flex items-center gap-4 border-t pt-4 mt-2", children: toolbarSlot })
+    ] }) })
+  ] });
+}
+function Logo({
+  size = 20
+}) {
+  const id = `naeil-nav-logo-${size}`;
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      "aria-label": "naeil",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M6 4 L6 16 L20 16",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "square",
+            strokeLinejoin: "miter"
+          }
+        ),
+        /* @__PURE__ */ jsx("circle", { cx: "15", cy: "16", r: "3.5", fill: `url(#${id}-grad)`, mask: `url(#${id})` }),
+        /* @__PURE__ */ jsxs("defs", { children: [
+          /* @__PURE__ */ jsxs("linearGradient", { id: `${id}-grad`, x1: "15", y1: "12.5", x2: "15", y2: "16", children: [
+            /* @__PURE__ */ jsx("stop", { stopColor: "#eab308" }),
+            /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#dc2626" })
+          ] }),
+          /* @__PURE__ */ jsx("mask", { id, children: /* @__PURE__ */ jsx("rect", { x: "0", y: "0", width: "24", height: "16", fill: "white" }) })
+        ] })
+      ]
+    }
+  );
+}
+function MenuIcon() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "22",
+      height: "22",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ jsx("path", { d: "M4 6h16M4 12h16M4 18h16" })
+    }
+  );
+}
+function CloseIcon() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "22",
+      height: "22",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ jsx("path", { d: "M18 6L6 18M6 6l12 12" })
+    }
+  );
+}
+export {
+  Nav
+};

package/dist/source/components/theme-provider.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ThemeProvider as ThemeProvider$1 } from 'next-themes';
+
+declare function ThemeProvider({ children, ...props }: React.ComponentProps<typeof ThemeProvider$1>): react_jsx_runtime.JSX.Element;
+
+export { ThemeProvider };

package/dist/source/components/theme-provider.js

@@ -0,0 +1,45 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import { ThemeProvider as NextThemesProvider } from "next-themes";
+function ThemeProvider(_a) {
+  var _b = _a, {
+    children
+  } = _b, props = __objRest(_b, [
+    "children"
+  ]);
+  return /* @__PURE__ */ jsx(NextThemesProvider, __spreadProps(__spreadValues({}, props), { children }));
+}
+export {
+  ThemeProvider
+};

package/dist/source/components/theme-toggle-icon.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function ThemeToggleIcon(): react_jsx_runtime.JSX.Element;
+
+export { ThemeToggleIcon };