@jarrodmedrano/ui 0.1.7 → 0.1.9

package/dist/components/header/internal/main-nav.cjs

@@ -40,7 +40,8 @@ var import_use_page_nav = require("../../hooks/use-page-nav");
 function MainNav({
   userId,
   sitemap,
-  siteName
+  siteName,
+  resolvedTheme
 }) {
   const pathname = (0, import_navigation.usePathname)();
   const t = (key) => key;
@@ -52,7 +53,7 @@ function MainNav({
         href: "/",
         className: "flex items-center gap-3 transition-opacity hover:opacity-80",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.Logo, { className: "h-8 w-8" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.Logo, { className: "h-8 w-8", theme: resolvedTheme }),
           siteName && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "hidden text-lg font-bold md:inline-block", children: siteName })
         ]
       }

package/dist/components/header/internal/main-nav.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../components/header/internal/main-nav.tsx"],"sourcesContent":["'use client'\n\nimport Link from 'next/link'\nimport { usePathname } from 'next/navigation'\nimport { Logo } from '../../icons/logo'\nimport { usePageNav } from '../../hooks/use-page-nav'\n\nexport function MainNav({\n  userId,\n  sitemap,\n  siteName,\n}: {\n  userId?: string\n  sitemap?: any\n  siteName?: string\n}) {\n  const pathname = usePathname()\n  const t = (key: string) => key\n  const { pages } = usePageNav(sitemap ?? [], pathname, t, userId)\n\n  return (\n    <div className=\"mr-8 hidden gap-6 sm:flex md:items-center\">\n      <Link\n        href=\"/\"\n        className=\"flex items-center gap-3 transition-opacity hover:opacity-80\"\n      >\n        <Logo className=\"h-8 w-8\" />\n        {siteName && (\n          <span className=\"hidden text-lg font-bold md:inline-block\">\n            {siteName}\n          </span>\n        )}\n      </Link>\n      <nav className=\"flex items-center gap-6 text-sm font-medium\">{pages}</nav>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBM;AApBN,kBAAiB;AACjB,wBAA4B;AAC5B,kBAAqB;AACrB,0BAA2B;AAEpB,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,eAAW,+BAAY;AAC7B,QAAM,IAAI,CAAC,QAAgB;AAC3B,QAAM,EAAE,MAAM,QAAI,gCAAW,4BAAW,CAAC,GAAG,UAAU,GAAG,MAAM;AAE/D,SACE,6CAAC,SAAI,WAAU,6CACb;AAAA;AAAA,MAAC,YAAAA;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QAEV;AAAA,sDAAC,oBAAK,WAAU,WAAU;AAAA,UACzB,YACC,4CAAC,UAAK,WAAU,4CACb,oBACH;AAAA;AAAA;AAAA,IAEJ;AAAA,IACA,4CAAC,SAAI,WAAU,+CAA+C,iBAAM;AAAA,KACtE;AAEJ;","names":["Link"]}
+{"version":3,"sources":["../../../../components/header/internal/main-nav.tsx"],"sourcesContent":["'use client'\n\nimport Link from 'next/link'\nimport { usePathname } from 'next/navigation'\nimport { Logo } from '../../icons/logo'\nimport { usePageNav } from '../../hooks/use-page-nav'\n\nexport function MainNav({\n  userId,\n  sitemap,\n  siteName,\n  resolvedTheme,\n}: {\n  userId?: string\n  sitemap?: any\n  siteName?: string\n  resolvedTheme?: string\n}) {\n  const pathname = usePathname()\n  const t = (key: string) => key\n  const { pages } = usePageNav(sitemap ?? [], pathname, t, userId)\n\n  return (\n    <div className=\"mr-8 hidden gap-6 sm:flex md:items-center\">\n      <Link\n        href=\"/\"\n        className=\"flex items-center gap-3 transition-opacity hover:opacity-80\"\n      >\n        <Logo className=\"h-8 w-8\" theme={resolvedTheme} />\n        {siteName && (\n          <span className=\"hidden text-lg font-bold md:inline-block\">\n            {siteName}\n          </span>\n        )}\n      </Link>\n      <nav className=\"flex items-center gap-6 text-sm font-medium\">{pages}</nav>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwBM;AAtBN,kBAAiB;AACjB,wBAA4B;AAC5B,kBAAqB;AACrB,0BAA2B;AAEpB,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,eAAW,+BAAY;AAC7B,QAAM,IAAI,CAAC,QAAgB;AAC3B,QAAM,EAAE,MAAM,QAAI,gCAAW,4BAAW,CAAC,GAAG,UAAU,GAAG,MAAM;AAE/D,SACE,6CAAC,SAAI,WAAU,6CACb;AAAA;AAAA,MAAC,YAAAA;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QAEV;AAAA,sDAAC,oBAAK,WAAU,WAAU,OAAO,eAAe;AAAA,UAC/C,YACC,4CAAC,UAAK,WAAU,4CACb,oBACH;AAAA;AAAA;AAAA,IAEJ;AAAA,IACA,4CAAC,SAAI,WAAU,+CAA+C,iBAAM;AAAA,KACtE;AAEJ;","names":["Link"]}

package/dist/components/header/internal/main-nav.d.ts

@@ -1,6 +1,7 @@
-export declare function MainNav({ userId, sitemap, siteName, }: {
+export declare function MainNav({ userId, sitemap, siteName, resolvedTheme, }: {
     userId?: string;
     sitemap?: any;
     siteName?: string;
+    resolvedTheme?: string;
 }): import("react").JSX.Element;
 //# sourceMappingURL=main-nav.d.ts.map

package/dist/components/header/internal/main-nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main-nav.d.ts","sourceRoot":"","sources":["../../../../components/header/internal/main-nav.tsx"],"names":[],"mappings":"AAOA,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,OAAO,EACP,QAAQ,GACT,EAAE;IACD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,+BAqBA"}
+{"version":3,"file":"main-nav.d.ts","sourceRoot":"","sources":["../../../../components/header/internal/main-nav.tsx"],"names":[],"mappings":"AAOA,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,aAAa,GACd,EAAE;IACD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,+BAqBA"}

package/dist/components/header/internal/main-nav.js

@@ -7,7 +7,8 @@ import { usePageNav } from "../../hooks/use-page-nav";
 function MainNav({
   userId,
   sitemap,
-  siteName
+  siteName,
+  resolvedTheme
 }) {
   const pathname = usePathname();
   const t = (key) => key;
@@ -19,7 +20,7 @@ function MainNav({
         href: "/",
         className: "flex items-center gap-3 transition-opacity hover:opacity-80",
         children: [
-          /* @__PURE__ */ jsx(Logo, { className: "h-8 w-8" }),
+          /* @__PURE__ */ jsx(Logo, { className: "h-8 w-8", theme: resolvedTheme }),
           siteName && /* @__PURE__ */ jsx("span", { className: "hidden text-lg font-bold md:inline-block", children: siteName })
         ]
       }

package/dist/components/header/internal/main-nav.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../components/header/internal/main-nav.tsx"],"sourcesContent":["'use client'\n\nimport Link from 'next/link'\nimport { usePathname } from 'next/navigation'\nimport { Logo } from '../../icons/logo'\nimport { usePageNav } from '../../hooks/use-page-nav'\n\nexport function MainNav({\n  userId,\n  sitemap,\n  siteName,\n}: {\n  userId?: string\n  sitemap?: any\n  siteName?: string\n}) {\n  const pathname = usePathname()\n  const t = (key: string) => key\n  const { pages } = usePageNav(sitemap ?? [], pathname, t, userId)\n\n  return (\n    <div className=\"mr-8 hidden gap-6 sm:flex md:items-center\">\n      <Link\n        href=\"/\"\n        className=\"flex items-center gap-3 transition-opacity hover:opacity-80\"\n      >\n        <Logo className=\"h-8 w-8\" />\n        {siteName && (\n          <span className=\"hidden text-lg font-bold md:inline-block\">\n            {siteName}\n          </span>\n        )}\n      </Link>\n      <nav className=\"flex items-center gap-6 text-sm font-medium\">{pages}</nav>\n    </div>\n  )\n}\n"],"mappings":";AAsBM,SAIE,KAJF;AApBN,OAAO,UAAU;AACjB,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAEpB,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,WAAW,YAAY;AAC7B,QAAM,IAAI,CAAC,QAAgB;AAC3B,QAAM,EAAE,MAAM,IAAI,WAAW,4BAAW,CAAC,GAAG,UAAU,GAAG,MAAM;AAE/D,SACE,qBAAC,SAAI,WAAU,6CACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QAEV;AAAA,8BAAC,QAAK,WAAU,WAAU;AAAA,UACzB,YACC,oBAAC,UAAK,WAAU,4CACb,oBACH;AAAA;AAAA;AAAA,IAEJ;AAAA,IACA,oBAAC,SAAI,WAAU,+CAA+C,iBAAM;AAAA,KACtE;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../components/header/internal/main-nav.tsx"],"sourcesContent":["'use client'\n\nimport Link from 'next/link'\nimport { usePathname } from 'next/navigation'\nimport { Logo } from '../../icons/logo'\nimport { usePageNav } from '../../hooks/use-page-nav'\n\nexport function MainNav({\n  userId,\n  sitemap,\n  siteName,\n  resolvedTheme,\n}: {\n  userId?: string\n  sitemap?: any\n  siteName?: string\n  resolvedTheme?: string\n}) {\n  const pathname = usePathname()\n  const t = (key: string) => key\n  const { pages } = usePageNav(sitemap ?? [], pathname, t, userId)\n\n  return (\n    <div className=\"mr-8 hidden gap-6 sm:flex md:items-center\">\n      <Link\n        href=\"/\"\n        className=\"flex items-center gap-3 transition-opacity hover:opacity-80\"\n      >\n        <Logo className=\"h-8 w-8\" theme={resolvedTheme} />\n        {siteName && (\n          <span className=\"hidden text-lg font-bold md:inline-block\">\n            {siteName}\n          </span>\n        )}\n      </Link>\n      <nav className=\"flex items-center gap-6 text-sm font-medium\">{pages}</nav>\n    </div>\n  )\n}\n"],"mappings":";AAwBM,SAIE,KAJF;AAtBN,OAAO,UAAU;AACjB,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAEpB,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,WAAW,YAAY;AAC7B,QAAM,IAAI,CAAC,QAAgB;AAC3B,QAAM,EAAE,MAAM,IAAI,WAAW,4BAAW,CAAC,GAAG,UAAU,GAAG,MAAM;AAE/D,SACE,qBAAC,SAAI,WAAU,6CACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QAEV;AAAA,8BAAC,QAAK,WAAU,WAAU,OAAO,eAAe;AAAA,UAC/C,YACC,oBAAC,UAAK,WAAU,4CACb,oBACH;AAAA;AAAA;AAAA,IAEJ;AAAA,IACA,oBAAC,SAAI,WAAU,+CAA+C,iBAAM;AAAA,KACtE;AAEJ;","names":[]}

package/dist/components/header/internal/site-header.cjs

@@ -39,7 +39,7 @@ function SiteHeader({
 }) {
   var _a;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("header", { className: "border-border/40 bg-background/95 supports-backdrop-filter:bg-background/60 backdrop-blur-xs top-0 z-50 w-full border-b", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "max-w-(--breakpoint-2xl) container mx-auto flex h-14 items-center px-2 py-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_main_nav.MainNav, { userId: (_a = user == null ? void 0 : user.username) != null ? _a : user == null ? void 0 : user.id, sitemap, siteName }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_main_nav.MainNav, { userId: (_a = user == null ? void 0 : user.username) != null ? _a : user == null ? void 0 : user.id, sitemap, siteName, resolvedTheme }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-1 items-center justify-between space-x-2 md:justify-end", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-full flex-1 md:w-auto md:flex-none", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_command.Command, {}) }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("nav", { className: "flex items-center gap-3", children: [

package/dist/components/header/internal/site-header.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../components/header/internal/site-header.tsx"],"sourcesContent":["import { Command } from '../../ui/command'\nimport { MainNav } from './main-nav'\n// import { MobileNav } from './mobile-nav'\nimport { ModeToggle } from './mode-toggle'\nimport { UserButton } from '../userbutton/userbutton'\nimport { LangButton } from '../langbutton/langbutton'\nimport { User } from '@auth/core/types'\n\ntype UserWithUsername = User & { username?: string | null }\nimport type { Cookies } from 'next-client-cookies'\n\nexport function SiteHeader({\n  user,\n  signOut,\n  cookies,\n  theme,\n  resolvedTheme,\n  setTheme,\n  sitemap,\n  siteName,\n}: {\n  user: UserWithUsername | undefined\n  signOut: () => Promise<void>\n  cookies: Cookies\n  theme: string | undefined\n  resolvedTheme: string | undefined\n  setTheme: (theme: string) => void\n  sitemap?: any\n  siteName?: string\n}) {\n  return (\n    <header className=\"border-border/40 bg-background/95 supports-backdrop-filter:bg-background/60 backdrop-blur-xs top-0 z-50 w-full border-b\">\n      <div className=\"max-w-(--breakpoint-2xl) container mx-auto flex h-14 items-center px-2 py-2\">\n        <MainNav userId={user?.username ?? user?.id} sitemap={sitemap} siteName={siteName} />\n        {/* <MobileNav /> */}\n        <div className=\"flex flex-1 items-center justify-between space-x-2 md:justify-end\">\n          <div className=\"w-full flex-1 md:w-auto md:flex-none\">\n            <Command />\n          </div>\n          <nav className=\"flex items-center gap-3\">\n            <LangButton cookies={cookies} />\n            <ModeToggle\n              theme={theme}\n              resolvedTheme={resolvedTheme}\n              setTheme={setTheme}\n            />\n            <UserButton signOut={signOut} user={user} />\n          </nav>\n        </div>\n      </div>\n    </header>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCQ;AAjCR,qBAAwB;AACxB,sBAAwB;AAExB,yBAA2B;AAC3B,wBAA2B;AAC3B,wBAA2B;AAMpB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AA7BH;AA8BE,SACE,4CAAC,YAAO,WAAU,2HAChB,uDAAC,SAAI,WAAU,+EACb;AAAA,gDAAC,2BAAQ,SAAQ,kCAAM,aAAN,YAAkB,6BAAM,IAAI,SAAkB,UAAoB;AAAA,IAEnF,6CAAC,SAAI,WAAU,qEACb;AAAA,kDAAC,SAAI,WAAU,wCACb,sDAAC,0BAAQ,GACX;AAAA,MACA,6CAAC,SAAI,WAAU,2BACb;AAAA,oDAAC,gCAAW,SAAkB;AAAA,QAC9B;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA,QACA,4CAAC,gCAAW,SAAkB,MAAY;AAAA,SAC5C;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../components/header/internal/site-header.tsx"],"sourcesContent":["import { Command } from '../../ui/command'\nimport { MainNav } from './main-nav'\n// import { MobileNav } from './mobile-nav'\nimport { ModeToggle } from './mode-toggle'\nimport { UserButton } from '../userbutton/userbutton'\nimport { LangButton } from '../langbutton/langbutton'\nimport { User } from '@auth/core/types'\n\ntype UserWithUsername = User & { username?: string | null }\nimport type { Cookies } from 'next-client-cookies'\n\nexport function SiteHeader({\n  user,\n  signOut,\n  cookies,\n  theme,\n  resolvedTheme,\n  setTheme,\n  sitemap,\n  siteName,\n}: {\n  user: UserWithUsername | undefined\n  signOut: () => Promise<void>\n  cookies: Cookies\n  theme: string | undefined\n  resolvedTheme: string | undefined\n  setTheme: (theme: string) => void\n  sitemap?: any\n  siteName?: string\n}) {\n  return (\n    <header className=\"border-border/40 bg-background/95 supports-backdrop-filter:bg-background/60 backdrop-blur-xs top-0 z-50 w-full border-b\">\n      <div className=\"max-w-(--breakpoint-2xl) container mx-auto flex h-14 items-center px-2 py-2\">\n        <MainNav userId={user?.username ?? user?.id} sitemap={sitemap} siteName={siteName} resolvedTheme={resolvedTheme} />\n        {/* <MobileNav /> */}\n        <div className=\"flex flex-1 items-center justify-between space-x-2 md:justify-end\">\n          <div className=\"w-full flex-1 md:w-auto md:flex-none\">\n            <Command />\n          </div>\n          <nav className=\"flex items-center gap-3\">\n            <LangButton cookies={cookies} />\n            <ModeToggle\n              theme={theme}\n              resolvedTheme={resolvedTheme}\n              setTheme={setTheme}\n            />\n            <UserButton signOut={signOut} user={user} />\n          </nav>\n        </div>\n      </div>\n    </header>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCQ;AAjCR,qBAAwB;AACxB,sBAAwB;AAExB,yBAA2B;AAC3B,wBAA2B;AAC3B,wBAA2B;AAMpB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AA7BH;AA8BE,SACE,4CAAC,YAAO,WAAU,2HAChB,uDAAC,SAAI,WAAU,+EACb;AAAA,gDAAC,2BAAQ,SAAQ,kCAAM,aAAN,YAAkB,6BAAM,IAAI,SAAkB,UAAoB,eAA8B;AAAA,IAEjH,6CAAC,SAAI,WAAU,qEACb;AAAA,kDAAC,SAAI,WAAU,wCACb,sDAAC,0BAAQ,GACX;AAAA,MACA,6CAAC,SAAI,WAAU,2BACb;AAAA,oDAAC,gCAAW,SAAkB;AAAA,QAC9B;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA,QACA,4CAAC,gCAAW,SAAkB,MAAY;AAAA,SAC5C;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/components/header/internal/site-header.js

@@ -16,7 +16,7 @@ function SiteHeader({
 }) {
   var _a;
   return /* @__PURE__ */ jsx("header", { className: "border-border/40 bg-background/95 supports-backdrop-filter:bg-background/60 backdrop-blur-xs top-0 z-50 w-full border-b", children: /* @__PURE__ */ jsxs("div", { className: "max-w-(--breakpoint-2xl) container mx-auto flex h-14 items-center px-2 py-2", children: [
-    /* @__PURE__ */ jsx(MainNav, { userId: (_a = user == null ? void 0 : user.username) != null ? _a : user == null ? void 0 : user.id, sitemap, siteName }),
+    /* @__PURE__ */ jsx(MainNav, { userId: (_a = user == null ? void 0 : user.username) != null ? _a : user == null ? void 0 : user.id, sitemap, siteName, resolvedTheme }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center justify-between space-x-2 md:justify-end", children: [
       /* @__PURE__ */ jsx("div", { className: "w-full flex-1 md:w-auto md:flex-none", children: /* @__PURE__ */ jsx(Command, {}) }),
       /* @__PURE__ */ jsxs("nav", { className: "flex items-center gap-3", children: [

package/dist/components/header/internal/site-header.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../components/header/internal/site-header.tsx"],"sourcesContent":["import { Command } from '../../ui/command'\nimport { MainNav } from './main-nav'\n// import { MobileNav } from './mobile-nav'\nimport { ModeToggle } from './mode-toggle'\nimport { UserButton } from '../userbutton/userbutton'\nimport { LangButton } from '../langbutton/langbutton'\nimport { User } from '@auth/core/types'\n\ntype UserWithUsername = User & { username?: string | null }\nimport type { Cookies } from 'next-client-cookies'\n\nexport function SiteHeader({\n  user,\n  signOut,\n  cookies,\n  theme,\n  resolvedTheme,\n  setTheme,\n  sitemap,\n  siteName,\n}: {\n  user: UserWithUsername | undefined\n  signOut: () => Promise<void>\n  cookies: Cookies\n  theme: string | undefined\n  resolvedTheme: string | undefined\n  setTheme: (theme: string) => void\n  sitemap?: any\n  siteName?: string\n}) {\n  return (\n    <header className=\"border-border/40 bg-background/95 supports-backdrop-filter:bg-background/60 backdrop-blur-xs top-0 z-50 w-full border-b\">\n      <div className=\"max-w-(--breakpoint-2xl) container mx-auto flex h-14 items-center px-2 py-2\">\n        <MainNav userId={user?.username ?? user?.id} sitemap={sitemap} siteName={siteName} />\n        {/* <MobileNav /> */}\n        <div className=\"flex flex-1 items-center justify-between space-x-2 md:justify-end\">\n          <div className=\"w-full flex-1 md:w-auto md:flex-none\">\n            <Command />\n          </div>\n          <nav className=\"flex items-center gap-3\">\n            <LangButton cookies={cookies} />\n            <ModeToggle\n              theme={theme}\n              resolvedTheme={resolvedTheme}\n              setTheme={setTheme}\n            />\n            <UserButton signOut={signOut} user={user} />\n          </nav>\n        </div>\n      </div>\n    </header>\n  )\n}\n"],"mappings":"AAiCQ,cAME,YANF;AAjCR,SAAS,eAAe;AACxB,SAAS,eAAe;AAExB,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAMpB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AA7BH;AA8BE,SACE,oBAAC,YAAO,WAAU,2HAChB,+BAAC,SAAI,WAAU,+EACb;AAAA,wBAAC,WAAQ,SAAQ,kCAAM,aAAN,YAAkB,6BAAM,IAAI,SAAkB,UAAoB;AAAA,IAEnF,qBAAC,SAAI,WAAU,qEACb;AAAA,0BAAC,SAAI,WAAU,wCACb,8BAAC,WAAQ,GACX;AAAA,MACA,qBAAC,SAAI,WAAU,2BACb;AAAA,4BAAC,cAAW,SAAkB;AAAA,QAC9B;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA,QACA,oBAAC,cAAW,SAAkB,MAAY;AAAA,SAC5C;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../components/header/internal/site-header.tsx"],"sourcesContent":["import { Command } from '../../ui/command'\nimport { MainNav } from './main-nav'\n// import { MobileNav } from './mobile-nav'\nimport { ModeToggle } from './mode-toggle'\nimport { UserButton } from '../userbutton/userbutton'\nimport { LangButton } from '../langbutton/langbutton'\nimport { User } from '@auth/core/types'\n\ntype UserWithUsername = User & { username?: string | null }\nimport type { Cookies } from 'next-client-cookies'\n\nexport function SiteHeader({\n  user,\n  signOut,\n  cookies,\n  theme,\n  resolvedTheme,\n  setTheme,\n  sitemap,\n  siteName,\n}: {\n  user: UserWithUsername | undefined\n  signOut: () => Promise<void>\n  cookies: Cookies\n  theme: string | undefined\n  resolvedTheme: string | undefined\n  setTheme: (theme: string) => void\n  sitemap?: any\n  siteName?: string\n}) {\n  return (\n    <header className=\"border-border/40 bg-background/95 supports-backdrop-filter:bg-background/60 backdrop-blur-xs top-0 z-50 w-full border-b\">\n      <div className=\"max-w-(--breakpoint-2xl) container mx-auto flex h-14 items-center px-2 py-2\">\n        <MainNav userId={user?.username ?? user?.id} sitemap={sitemap} siteName={siteName} resolvedTheme={resolvedTheme} />\n        {/* <MobileNav /> */}\n        <div className=\"flex flex-1 items-center justify-between space-x-2 md:justify-end\">\n          <div className=\"w-full flex-1 md:w-auto md:flex-none\">\n            <Command />\n          </div>\n          <nav className=\"flex items-center gap-3\">\n            <LangButton cookies={cookies} />\n            <ModeToggle\n              theme={theme}\n              resolvedTheme={resolvedTheme}\n              setTheme={setTheme}\n            />\n            <UserButton signOut={signOut} user={user} />\n          </nav>\n        </div>\n      </div>\n    </header>\n  )\n}\n"],"mappings":"AAiCQ,cAME,YANF;AAjCR,SAAS,eAAe;AACxB,SAAS,eAAe;AAExB,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAMpB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AA7BH;AA8BE,SACE,oBAAC,YAAO,WAAU,2HAChB,+BAAC,SAAI,WAAU,+EACb;AAAA,wBAAC,WAAQ,SAAQ,kCAAM,aAAN,YAAkB,6BAAM,IAAI,SAAkB,UAAoB,eAA8B;AAAA,IAEjH,qBAAC,SAAI,WAAU,qEACb;AAAA,0BAAC,SAAI,WAAU,wCACb,8BAAC,WAAQ,GACX;AAAA,MACA,qBAAC,SAAI,WAAU,2BACb;AAAA,4BAAC,cAAW,SAAkB;AAAA,QAC9B;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA,QACA,oBAAC,cAAW,SAAkB,MAAY;AAAA,SAC5C;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/components/icons/logo.cjs

@@ -23,7 +23,8 @@ __export(logo_exports, {
 module.exports = __toCommonJS(logo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_utils = require("../../lib/utils");
-const Logo = ({ className }) => {
+const Logo = ({ className, theme }) => {
+  const fill = theme === "dark" ? "#ffffff" : "#111827";
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "svg",
     {
@@ -31,12 +32,12 @@ const Logo = ({ className }) => {
       "data-name": "Layer 1",
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 107.25 132.8",
-      className: (0, import_utils.cn)("text-gray-900 dark:text-white", className),
+      className: (0, import_utils.cn)(className),
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "path",
         {
           d: "M5.23,48.29A31.58,31.58,0,0,1,2.45,34.87c0-10.09,4.4-18.66,12.74-24.79C24.16,3.48,35.44,0,51.79,0a99.06,99.06,0,0,1,50.83,14L91.21,32.15c-13-7.22-28.55-11.34-41.82-11.34C24.58,20.81,7.84,30.07,5.23,48.29Zm72.17,56.3c-4.59,4.38-13.35,6.35-24.9,6.35-13.49,0-28-4.35-40.85-11.51L0,118.09c16.51,9.56,32.87,14.71,51.51,14.71,22.84,0,32.17-7.9,32.17-16C83.68,111.65,81.3,107.75,77.4,104.59Zm-17.73-49C47,51.11,36.52,45.66,31.93,40.3c-4.87,2.94-8.41,7.53-8.41,13,0,9.71,9.53,16,25.4,21.52,25.39,7.82,51.08,18.74,53.15,38.11a32.5,32.5,0,0,0,5.18-18.27C107.25,70.63,80.76,63,59.67,55.57Z",
-          fill: "currentColor"
+          fill
         }
       )
     }

package/dist/components/icons/logo.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/icons/logo.tsx"],"sourcesContent":["import { cn } from '../../lib/utils'\n\nexport const Logo = ({ className }: { className?: string }) => {\n  return (\n    <svg\n      id=\"Layer_1\"\n      data-name=\"Layer 1\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 107.25 132.8\"\n      className={cn('text-gray-900 dark:text-white', className)}\n    >\n      <path\n        d=\"M5.23,48.29A31.58,31.58,0,0,1,2.45,34.87c0-10.09,4.4-18.66,12.74-24.79C24.16,3.48,35.44,0,51.79,0a99.06,99.06,0,0,1,50.83,14L91.21,32.15c-13-7.22-28.55-11.34-41.82-11.34C24.58,20.81,7.84,30.07,5.23,48.29Zm72.17,56.3c-4.59,4.38-13.35,6.35-24.9,6.35-13.49,0-28-4.35-40.85-11.51L0,118.09c16.51,9.56,32.87,14.71,51.51,14.71,22.84,0,32.17-7.9,32.17-16C83.68,111.65,81.3,107.75,77.4,104.59Zm-17.73-49C47,51.11,36.52,45.66,31.93,40.3c-4.87,2.94-8.41,7.53-8.41,13,0,9.71,9.53,16,25.4,21.52,25.39,7.82,51.08,18.74,53.15,38.11a32.5,32.5,0,0,0,5.18-18.27C107.25,70.63,80.76,63,59.67,55.57Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAWM;AAXN,mBAAmB;AAEZ,MAAM,OAAO,CAAC,EAAE,UAAU,MAA8B;AAC7D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,aAAU;AAAA,MACV,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,eAAW,iBAAG,iCAAiC,SAAS;AAAA,MAExD;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../components/icons/logo.tsx"],"sourcesContent":["import { cn } from '../../lib/utils'\n\nexport const Logo = ({ className, theme }: { className?: string; theme?: string }) => {\n  const fill = theme === 'dark' ? '#ffffff' : '#111827'\n\n  return (\n    <svg\n      id=\"Layer_1\"\n      data-name=\"Layer 1\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 107.25 132.8\"\n      className={cn(className)}\n    >\n      <path\n        d=\"M5.23,48.29A31.58,31.58,0,0,1,2.45,34.87c0-10.09,4.4-18.66,12.74-24.79C24.16,3.48,35.44,0,51.79,0a99.06,99.06,0,0,1,50.83,14L91.21,32.15c-13-7.22-28.55-11.34-41.82-11.34C24.58,20.81,7.84,30.07,5.23,48.29Zm72.17,56.3c-4.59,4.38-13.35,6.35-24.9,6.35-13.49,0-28-4.35-40.85-11.51L0,118.09c16.51,9.56,32.87,14.71,51.51,14.71,22.84,0,32.17-7.9,32.17-16C83.68,111.65,81.3,107.75,77.4,104.59Zm-17.73-49C47,51.11,36.52,45.66,31.93,40.3c-4.87,2.94-8.41,7.53-8.41,13,0,9.71,9.53,16,25.4,21.52,25.39,7.82,51.08,18.74,53.15,38.11a32.5,32.5,0,0,0,5.18-18.27C107.25,70.63,80.76,63,59.67,55.57Z\"\n        fill={fill}\n      />\n    </svg>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAaM;AAbN,mBAAmB;AAEZ,MAAM,OAAO,CAAC,EAAE,WAAW,MAAM,MAA8C;AACpF,QAAM,OAAO,UAAU,SAAS,YAAY;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,aAAU;AAAA,MACV,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,eAAW,iBAAG,SAAS;AAAA,MAEvB;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

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

@@ -1,4 +1,5 @@
-export declare const Logo: ({ className }: {
+export declare const Logo: ({ className, theme }: {
     className?: string;
+    theme?: string;
 }) => import("react").JSX.Element;
 //# sourceMappingURL=logo.d.ts.map

package/dist/components/icons/logo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"logo.d.ts","sourceRoot":"","sources":["../../../components/icons/logo.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,GAAI,eAAe;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,gCAezD,CAAA"}
+{"version":3,"file":"logo.d.ts","sourceRoot":"","sources":["../../../components/icons/logo.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,GAAI,sBAAsB;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,gCAiBhF,CAAA"}

package/dist/components/icons/logo.js

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { cn } from "../../lib/utils";
-const Logo = ({ className }) => {
+const Logo = ({ className, theme }) => {
+  const fill = theme === "dark" ? "#ffffff" : "#111827";
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -8,12 +9,12 @@ const Logo = ({ className }) => {
       "data-name": "Layer 1",
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 107.25 132.8",
-      className: cn("text-gray-900 dark:text-white", className),
+      className: cn(className),
       children: /* @__PURE__ */ jsx(
         "path",
         {
           d: "M5.23,48.29A31.58,31.58,0,0,1,2.45,34.87c0-10.09,4.4-18.66,12.74-24.79C24.16,3.48,35.44,0,51.79,0a99.06,99.06,0,0,1,50.83,14L91.21,32.15c-13-7.22-28.55-11.34-41.82-11.34C24.58,20.81,7.84,30.07,5.23,48.29Zm72.17,56.3c-4.59,4.38-13.35,6.35-24.9,6.35-13.49,0-28-4.35-40.85-11.51L0,118.09c16.51,9.56,32.87,14.71,51.51,14.71,22.84,0,32.17-7.9,32.17-16C83.68,111.65,81.3,107.75,77.4,104.59Zm-17.73-49C47,51.11,36.52,45.66,31.93,40.3c-4.87,2.94-8.41,7.53-8.41,13,0,9.71,9.53,16,25.4,21.52,25.39,7.82,51.08,18.74,53.15,38.11a32.5,32.5,0,0,0,5.18-18.27C107.25,70.63,80.76,63,59.67,55.57Z",
-          fill: "currentColor"
+          fill
         }
       )
     }

package/dist/components/icons/logo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/icons/logo.tsx"],"sourcesContent":["import { cn } from '../../lib/utils'\n\nexport const Logo = ({ className }: { className?: string }) => {\n  return (\n    <svg\n      id=\"Layer_1\"\n      data-name=\"Layer 1\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 107.25 132.8\"\n      className={cn('text-gray-900 dark:text-white', className)}\n    >\n      <path\n        d=\"M5.23,48.29A31.58,31.58,0,0,1,2.45,34.87c0-10.09,4.4-18.66,12.74-24.79C24.16,3.48,35.44,0,51.79,0a99.06,99.06,0,0,1,50.83,14L91.21,32.15c-13-7.22-28.55-11.34-41.82-11.34C24.58,20.81,7.84,30.07,5.23,48.29Zm72.17,56.3c-4.59,4.38-13.35,6.35-24.9,6.35-13.49,0-28-4.35-40.85-11.51L0,118.09c16.51,9.56,32.87,14.71,51.51,14.71,22.84,0,32.17-7.9,32.17-16C83.68,111.65,81.3,107.75,77.4,104.59Zm-17.73-49C47,51.11,36.52,45.66,31.93,40.3c-4.87,2.94-8.41,7.53-8.41,13,0,9.71,9.53,16,25.4,21.52,25.39,7.82,51.08,18.74,53.15,38.11a32.5,32.5,0,0,0,5.18-18.27C107.25,70.63,80.76,63,59.67,55.57Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n"],"mappings":"AAWM;AAXN,SAAS,UAAU;AAEZ,MAAM,OAAO,CAAC,EAAE,UAAU,MAA8B;AAC7D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,aAAU;AAAA,MACV,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,WAAW,GAAG,iCAAiC,SAAS;AAAA,MAExD;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../components/icons/logo.tsx"],"sourcesContent":["import { cn } from '../../lib/utils'\n\nexport const Logo = ({ className, theme }: { className?: string; theme?: string }) => {\n  const fill = theme === 'dark' ? '#ffffff' : '#111827'\n\n  return (\n    <svg\n      id=\"Layer_1\"\n      data-name=\"Layer 1\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 107.25 132.8\"\n      className={cn(className)}\n    >\n      <path\n        d=\"M5.23,48.29A31.58,31.58,0,0,1,2.45,34.87c0-10.09,4.4-18.66,12.74-24.79C24.16,3.48,35.44,0,51.79,0a99.06,99.06,0,0,1,50.83,14L91.21,32.15c-13-7.22-28.55-11.34-41.82-11.34C24.58,20.81,7.84,30.07,5.23,48.29Zm72.17,56.3c-4.59,4.38-13.35,6.35-24.9,6.35-13.49,0-28-4.35-40.85-11.51L0,118.09c16.51,9.56,32.87,14.71,51.51,14.71,22.84,0,32.17-7.9,32.17-16C83.68,111.65,81.3,107.75,77.4,104.59Zm-17.73-49C47,51.11,36.52,45.66,31.93,40.3c-4.87,2.94-8.41,7.53-8.41,13,0,9.71,9.53,16,25.4,21.52,25.39,7.82,51.08,18.74,53.15,38.11a32.5,32.5,0,0,0,5.18-18.27C107.25,70.63,80.76,63,59.67,55.57Z\"\n        fill={fill}\n      />\n    </svg>\n  )\n}\n"],"mappings":"AAaM;AAbN,SAAS,UAAU;AAEZ,MAAM,OAAO,CAAC,EAAE,WAAW,MAAM,MAA8C;AACpF,QAAM,OAAO,UAAU,SAAS,YAAY;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,aAAU;AAAA,MACV,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,WAAW,GAAG,SAAS;AAAA,MAEvB;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@jarrodmedrano/ui",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "license": "MIT",
   "type": "module",
   "sideEffects": [
     "**/*.css"
   ],
   "files": [
-    "dist"
+    "dist",
+    "styles/theme.css"
   ],
   "exports": {
     "./components/lightbox": {
@@ -51,6 +52,7 @@
       "require": "./dist/types/*.cjs"
     },
     "./styles.css": "./dist/styles.css",
+    "./theme.css": "./styles/theme.css",
     "./package.json": "./package.json"
   },
   "publishConfig": {

package/styles/theme.css

@@ -0,0 +1,52 @@
+/* Import this in your app's CSS after @import 'tailwindcss'
+   It registers the dark variant and semantic color tokens so
+   classes like bg-background, text-muted-foreground etc. work
+   in your own source files alongside @jarrodmedrano/ui components. */
+
+@custom-variant dark (&:where([data-theme="dark"], [data-theme="dark"] *));
+
+@theme inline {
+  --color-background: hsl(var(--background));
+  --color-foreground: hsl(var(--foreground));
+  --color-border: hsl(var(--border));
+  --color-input: hsl(var(--input));
+  --color-ring: hsl(var(--ring));
+
+  --color-primary: hsl(var(--primary));
+  --color-primary-foreground: hsl(var(--primary-foreground));
+  --color-primary-50: hsl(var(--primary-50));
+  --color-primary-100: hsl(var(--primary-100));
+  --color-primary-200: hsl(var(--primary-200));
+  --color-primary-300: hsl(var(--primary-300));
+  --color-primary-400: hsl(var(--primary-400));
+  --color-primary-500: hsl(var(--primary-500));
+  --color-primary-600: hsl(var(--primary-600));
+  --color-primary-700: hsl(var(--primary-700));
+  --color-primary-800: hsl(var(--primary-800));
+  --color-primary-900: hsl(var(--primary-900));
+
+  --color-secondary: hsl(var(--secondary));
+  --color-secondary-foreground: hsl(var(--secondary-foreground));
+
+  --color-destructive: hsl(var(--destructive));
+  --color-destructive-foreground: hsl(var(--destructive-foreground));
+
+  --color-muted: hsl(var(--muted));
+  --color-muted-foreground: hsl(var(--muted-foreground));
+
+  --color-accent: hsl(var(--accent));
+  --color-accent-foreground: hsl(var(--accent-foreground));
+
+  --color-popover: hsl(var(--popover));
+  --color-popover-foreground: hsl(var(--popover-foreground));
+
+  --color-card: hsl(var(--card));
+  --color-card-foreground: hsl(var(--card-foreground));
+
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --radius-2xl: calc(var(--radius) + 8px);
+  --radius-3xl: calc(var(--radius) + 16px);
+}