@jarrodmedrano/ui 0.1.10 → 0.1.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/card/header.cjs +1 -4
- package/dist/components/card/header.cjs.map +1 -1
- package/dist/components/card/header.d.ts.map +1 -1
- package/dist/components/card/header.js +1 -4
- package/dist/components/card/header.js.map +1 -1
- package/dist/components/header/internal/main-nav.cjs +2 -3
- package/dist/components/header/internal/main-nav.cjs.map +1 -1
- package/dist/components/header/internal/main-nav.d.ts +1 -2
- package/dist/components/header/internal/main-nav.d.ts.map +1 -1
- package/dist/components/header/internal/main-nav.js +2 -3
- package/dist/components/header/internal/main-nav.js.map +1 -1
- package/dist/components/header/internal/site-header.cjs +1 -1
- package/dist/components/header/internal/site-header.cjs.map +1 -1
- package/dist/components/header/internal/site-header.js +1 -1
- package/dist/components/header/internal/site-header.js.map +1 -1
- package/dist/components/icons/logo.cjs +3 -4
- package/dist/components/icons/logo.cjs.map +1 -1
- package/dist/components/icons/logo.d.ts +1 -2
- package/dist/components/icons/logo.d.ts.map +1 -1
- package/dist/components/icons/logo.js +3 -4
- package/dist/components/icons/logo.js.map +1 -1
- package/package.json +1 -2
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
"use client";
|
|
3
2
|
var __create = Object.create;
|
|
4
3
|
var __defProp = Object.defineProperty;
|
|
5
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
@@ -34,16 +33,14 @@ __export(header_exports, {
|
|
|
34
33
|
module.exports = __toCommonJS(header_exports);
|
|
35
34
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
36
35
|
var import_link = __toESM(require("next/link"), 1);
|
|
37
|
-
var import_next_themes = require("next-themes");
|
|
38
36
|
var import_logo = require("../icons/logo");
|
|
39
37
|
const Header = ({
|
|
40
38
|
label,
|
|
41
39
|
backButtonLabel,
|
|
42
40
|
backButtonHref
|
|
43
41
|
}) => {
|
|
44
|
-
const { resolvedTheme } = (0, import_next_themes.useTheme)();
|
|
45
42
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "sm:mx-auto sm:w-full sm:max-w-md", children: [
|
|
46
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: "/", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.Logo, { className: "mx-auto h-10 w-auto"
|
|
43
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: "/", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.Logo, { className: "mx-auto h-10 w-auto" }) }),
|
|
47
44
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "mt-6 text-center text-2xl font-bold leading-9 tracking-tight text-gray-500 dark:text-white", children: label }),
|
|
48
45
|
backButtonLabel ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-center text-sm text-gray-500 dark:text-gray-400", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: backButtonHref, children: backButtonLabel }) }) : null
|
|
49
46
|
] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../components/card/header.tsx"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../../../components/card/header.tsx"],"sourcesContent":["import Link from 'next/link'\nimport { Logo } from '../icons/logo'\n\ninterface HeaderProps {\n label: string\n backButtonHref: string\n backButtonLabel: string\n}\n\nexport const Header = ({\n label,\n backButtonLabel,\n backButtonHref,\n}: HeaderProps) => {\n return (\n <div className=\"sm:mx-auto sm:w-full sm:max-w-md\">\n <Link href=\"/\">\n <Logo className=\"mx-auto h-10 w-auto\" />\n </Link>\n <h2 className=\"mt-6 text-center text-2xl font-bold leading-9 tracking-tight text-gray-500 dark:text-white\">\n {label}\n </h2>\n\n {backButtonLabel ? (\n <p className=\"text-center text-sm text-gray-500 dark:text-gray-400\">\n <Link href={backButtonHref}>{backButtonLabel}</Link>\n </p>\n ) : null}\n </div>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAeI;AAfJ,kBAAiB;AACjB,kBAAqB;AAQd,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AACF,MAAmB;AACjB,SACE,6CAAC,SAAI,WAAU,oCACb;AAAA,gDAAC,YAAAA,SAAA,EAAK,MAAK,KACT,sDAAC,oBAAK,WAAU,uBAAsB,GACxC;AAAA,IACA,4CAAC,QAAG,WAAU,8FACX,iBACH;AAAA,IAEC,kBACC,4CAAC,OAAE,WAAU,wDACX,sDAAC,YAAAA,SAAA,EAAK,MAAM,gBAAiB,2BAAgB,GAC/C,IACE;AAAA,KACN;AAEJ;","names":["Link"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../components/card/header.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../components/card/header.tsx"],"names":[],"mappings":"AAGA,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,cAAc,EAAE,MAAM,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,MAAM,GAAI,6CAIpB,WAAW,gCAiBb,CAAA"}
|
|
@@ -1,16 +1,13 @@
|
|
|
1
|
-
"use client";
|
|
2
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
2
|
import Link from "next/link";
|
|
4
|
-
import { useTheme } from "next-themes";
|
|
5
3
|
import { Logo } from "../icons/logo";
|
|
6
4
|
const Header = ({
|
|
7
5
|
label,
|
|
8
6
|
backButtonLabel,
|
|
9
7
|
backButtonHref
|
|
10
8
|
}) => {
|
|
11
|
-
const { resolvedTheme } = useTheme();
|
|
12
9
|
return /* @__PURE__ */ jsxs("div", { className: "sm:mx-auto sm:w-full sm:max-w-md", children: [
|
|
13
|
-
/* @__PURE__ */ jsx(Link, { href: "/", children: /* @__PURE__ */ jsx(Logo, { className: "mx-auto h-10 w-auto"
|
|
10
|
+
/* @__PURE__ */ jsx(Link, { href: "/", children: /* @__PURE__ */ jsx(Logo, { className: "mx-auto h-10 w-auto" }) }),
|
|
14
11
|
/* @__PURE__ */ jsx("h2", { className: "mt-6 text-center text-2xl font-bold leading-9 tracking-tight text-gray-500 dark:text-white", children: label }),
|
|
15
12
|
backButtonLabel ? /* @__PURE__ */ jsx("p", { className: "text-center text-sm text-gray-500 dark:text-gray-400", children: /* @__PURE__ */ jsx(Link, { href: backButtonHref, children: backButtonLabel }) }) : null
|
|
16
13
|
] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../components/card/header.tsx"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../../../components/card/header.tsx"],"sourcesContent":["import Link from 'next/link'\nimport { Logo } from '../icons/logo'\n\ninterface HeaderProps {\n label: string\n backButtonHref: string\n backButtonLabel: string\n}\n\nexport const Header = ({\n label,\n backButtonLabel,\n backButtonHref,\n}: HeaderProps) => {\n return (\n <div className=\"sm:mx-auto sm:w-full sm:max-w-md\">\n <Link href=\"/\">\n <Logo className=\"mx-auto h-10 w-auto\" />\n </Link>\n <h2 className=\"mt-6 text-center text-2xl font-bold leading-9 tracking-tight text-gray-500 dark:text-white\">\n {label}\n </h2>\n\n {backButtonLabel ? (\n <p className=\"text-center text-sm text-gray-500 dark:text-gray-400\">\n <Link href={backButtonHref}>{backButtonLabel}</Link>\n </p>\n ) : null}\n </div>\n )\n}\n"],"mappings":"AAeI,SAEI,KAFJ;AAfJ,OAAO,UAAU;AACjB,SAAS,YAAY;AAQd,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AACF,MAAmB;AACjB,SACE,qBAAC,SAAI,WAAU,oCACb;AAAA,wBAAC,QAAK,MAAK,KACT,8BAAC,QAAK,WAAU,uBAAsB,GACxC;AAAA,IACA,oBAAC,QAAG,WAAU,8FACX,iBACH;AAAA,IAEC,kBACC,oBAAC,OAAE,WAAU,wDACX,8BAAC,QAAK,MAAM,gBAAiB,2BAAgB,GAC/C,IACE;AAAA,KACN;AAEJ;","names":[]}
|
|
@@ -40,8 +40,7 @@ var import_use_page_nav = require("../../hooks/use-page-nav");
|
|
|
40
40
|
function MainNav({
|
|
41
41
|
userId,
|
|
42
42
|
sitemap,
|
|
43
|
-
siteName
|
|
44
|
-
resolvedTheme
|
|
43
|
+
siteName
|
|
45
44
|
}) {
|
|
46
45
|
const pathname = (0, import_navigation.usePathname)();
|
|
47
46
|
const t = (key) => key;
|
|
@@ -53,7 +52,7 @@ function MainNav({
|
|
|
53
52
|
href: "/",
|
|
54
53
|
className: "flex items-center gap-3 transition-opacity hover:opacity-80",
|
|
55
54
|
children: [
|
|
56
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.Logo, { className: "h-8 w-8"
|
|
55
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.Logo, { className: "h-8 w-8" }),
|
|
57
56
|
siteName && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "hidden text-lg font-bold md:inline-block", children: siteName })
|
|
58
57
|
]
|
|
59
58
|
}
|
|
@@ -1 +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
|
|
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"]}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
export declare function MainNav({ userId, sitemap, siteName,
|
|
1
|
+
export declare function MainNav({ userId, sitemap, siteName, }: {
|
|
2
2
|
userId?: string;
|
|
3
3
|
sitemap?: any;
|
|
4
4
|
siteName?: string;
|
|
5
|
-
resolvedTheme?: string;
|
|
6
5
|
}): import("react").JSX.Element;
|
|
7
6
|
//# sourceMappingURL=main-nav.d.ts.map
|
|
@@ -1 +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,
|
|
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"}
|
|
@@ -7,8 +7,7 @@ import { usePageNav } from "../../hooks/use-page-nav";
|
|
|
7
7
|
function MainNav({
|
|
8
8
|
userId,
|
|
9
9
|
sitemap,
|
|
10
|
-
siteName
|
|
11
|
-
resolvedTheme
|
|
10
|
+
siteName
|
|
12
11
|
}) {
|
|
13
12
|
const pathname = usePathname();
|
|
14
13
|
const t = (key) => key;
|
|
@@ -20,7 +19,7 @@ function MainNav({
|
|
|
20
19
|
href: "/",
|
|
21
20
|
className: "flex items-center gap-3 transition-opacity hover:opacity-80",
|
|
22
21
|
children: [
|
|
23
|
-
/* @__PURE__ */ jsx(Logo, { className: "h-8 w-8"
|
|
22
|
+
/* @__PURE__ */ jsx(Logo, { className: "h-8 w-8" }),
|
|
24
23
|
siteName && /* @__PURE__ */ jsx("span", { className: "hidden text-lg font-bold md:inline-block", children: siteName })
|
|
25
24
|
]
|
|
26
25
|
}
|
|
@@ -1 +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
|
|
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":[]}
|
|
@@ -39,7 +39,7 @@ function SiteHeader({
|
|
|
39
39
|
}) {
|
|
40
40
|
var _a;
|
|
41
41
|
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: [
|
|
42
|
-
/* @__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
|
|
42
|
+
/* @__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 }),
|
|
43
43
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-1 items-center justify-between space-x-2 md:justify-end", children: [
|
|
44
44
|
/* @__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, {}) }),
|
|
45
45
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("nav", { className: "flex items-center gap-3", children: [
|
|
@@ -1 +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}
|
|
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":[]}
|
|
@@ -16,7 +16,7 @@ function SiteHeader({
|
|
|
16
16
|
}) {
|
|
17
17
|
var _a;
|
|
18
18
|
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: [
|
|
19
|
-
/* @__PURE__ */ jsx(MainNav, { userId: (_a = user == null ? void 0 : user.username) != null ? _a : user == null ? void 0 : user.id, sitemap, siteName
|
|
19
|
+
/* @__PURE__ */ jsx(MainNav, { userId: (_a = user == null ? void 0 : user.username) != null ? _a : user == null ? void 0 : user.id, sitemap, siteName }),
|
|
20
20
|
/* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center justify-between space-x-2 md:justify-end", children: [
|
|
21
21
|
/* @__PURE__ */ jsx("div", { className: "w-full flex-1 md:w-auto md:flex-none", children: /* @__PURE__ */ jsx(Command, {}) }),
|
|
22
22
|
/* @__PURE__ */ jsxs("nav", { className: "flex items-center gap-3", children: [
|
|
@@ -1 +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}
|
|
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":[]}
|
|
@@ -23,8 +23,7 @@ __export(logo_exports, {
|
|
|
23
23
|
module.exports = __toCommonJS(logo_exports);
|
|
24
24
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
25
25
|
var import_utils = require("../../lib/utils");
|
|
26
|
-
const Logo = ({ className
|
|
27
|
-
const fill = theme === "dark" ? "#ffffff" : "#111827";
|
|
26
|
+
const Logo = ({ className }) => {
|
|
28
27
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
29
28
|
"svg",
|
|
30
29
|
{
|
|
@@ -32,12 +31,12 @@ const Logo = ({ className, theme }) => {
|
|
|
32
31
|
"data-name": "Layer 1",
|
|
33
32
|
xmlns: "http://www.w3.org/2000/svg",
|
|
34
33
|
viewBox: "0 0 107.25 132.8",
|
|
35
|
-
className: (0, import_utils.cn)(className),
|
|
34
|
+
className: (0, import_utils.cn)("text-gray-900 dark:text-white", className),
|
|
36
35
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
37
36
|
"path",
|
|
38
37
|
{
|
|
39
38
|
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",
|
|
40
|
-
fill
|
|
39
|
+
fill: "currentColor"
|
|
41
40
|
}
|
|
42
41
|
)
|
|
43
42
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../components/icons/logo.tsx"],"sourcesContent":["import { cn } from '../../lib/utils'\n\nexport const Logo = ({ className
|
|
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":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"logo.d.ts","sourceRoot":"","sources":["../../../components/icons/logo.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,GAAI,
|
|
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"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { cn } from "../../lib/utils";
|
|
3
|
-
const Logo = ({ className
|
|
4
|
-
const fill = theme === "dark" ? "#ffffff" : "#111827";
|
|
3
|
+
const Logo = ({ className }) => {
|
|
5
4
|
return /* @__PURE__ */ jsx(
|
|
6
5
|
"svg",
|
|
7
6
|
{
|
|
@@ -9,12 +8,12 @@ const Logo = ({ className, theme }) => {
|
|
|
9
8
|
"data-name": "Layer 1",
|
|
10
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
11
10
|
viewBox: "0 0 107.25 132.8",
|
|
12
|
-
className: cn(className),
|
|
11
|
+
className: cn("text-gray-900 dark:text-white", className),
|
|
13
12
|
children: /* @__PURE__ */ jsx(
|
|
14
13
|
"path",
|
|
15
14
|
{
|
|
16
15
|
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",
|
|
17
|
-
fill
|
|
16
|
+
fill: "currentColor"
|
|
18
17
|
}
|
|
19
18
|
)
|
|
20
19
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../components/icons/logo.tsx"],"sourcesContent":["import { cn } from '../../lib/utils'\n\nexport const Logo = ({ className
|
|
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":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jarrodmedrano/ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.12",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": [
|
|
@@ -86,7 +86,6 @@
|
|
|
86
86
|
},
|
|
87
87
|
"dependencies": {
|
|
88
88
|
"@headlessui/react": "1.7.18",
|
|
89
|
-
"next-themes": "^0.2.1",
|
|
90
89
|
"@heroicons/react": "2.1.1",
|
|
91
90
|
"@hookform/resolvers": "3.3.4",
|
|
92
91
|
"@radix-ui/react-avatar": "^1.1.2",
|