@jarrodmedrano/ui 0.1.0

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

@@ -0,0 +1,177 @@
+"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, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { docsConfig } from "@/config/docs";
+import { siteConfig } from "@/config/site";
+import { cn } from "@/lib/utils";
+import { Icons } from "../../generic/icons";
+import { ScrollArea } from "../../ui/scroll-area";
+import { Sheet, SheetContent, SheetTrigger } from "../../ui/sheet";
+import { Button } from "../../ui/button";
+function MobileNav() {
+  var _a;
+  const [open, setOpen] = React.useState(false);
+  return /* @__PURE__ */ jsxs(Sheet, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "ghost",
+        className: "mr-2 flex px-0 text-base hover:bg-transparent focus-visible:bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0 md:hidden",
+        children: [
+          /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              strokeWidth: "1.5",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              className: "h-5 w-5",
+              children: [
+                /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M3 5H11",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M3 12H16",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M3 19H21",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle Menu" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(SheetContent, { side: "left", className: "pr-0", children: [
+      /* @__PURE__ */ jsxs(
+        MobileLink,
+        {
+          href: "/",
+          className: "flex items-center",
+          onOpenChange: setOpen,
+          children: [
+            /* @__PURE__ */ jsx(Icons.logo, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ jsx("span", { className: "font-bold", children: siteConfig.name })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(ScrollArea, { className: "my-4 h-[calc(100vh-8rem)] pb-10 pl-6", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col space-y-3", children: (_a = docsConfig.mainNav) == null ? void 0 : _a.map(
+          (item) => item.href && /* @__PURE__ */ jsx(
+            MobileLink,
+            {
+              href: item.href,
+              onOpenChange: setOpen,
+              children: item.title
+            },
+            item.href
+          )
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col space-y-2", children: docsConfig.sidebarNav.map((item, index) => {
+          var _a2;
+          return /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-3 pt-6", children: [
+            /* @__PURE__ */ jsx("h4", { className: "font-medium", children: item.title }),
+            ((_a2 = item == null ? void 0 : item.items) == null ? void 0 : _a2.length) && item.items.map((item2) => /* @__PURE__ */ jsx(React.Fragment, { children: !item2.disabled && (item2.href ? /* @__PURE__ */ jsxs(
+              MobileLink,
+              {
+                href: item2.href,
+                onOpenChange: setOpen,
+                className: "text-muted-foreground",
+                children: [
+                  item2.title,
+                  item2.label && /* @__PURE__ */ jsx("span", { className: "ml-2 rounded-md bg-[#adfa1d] px-1.5 py-0.5 text-xs leading-none text-[#000000] no-underline group-hover:no-underline", children: item2.label })
+                ]
+              }
+            ) : item2.title) }, item2.href))
+          ] }, index);
+        }) })
+      ] })
+    ] })
+  ] });
+}
+function MobileLink(_a) {
+  var _b = _a, {
+    href,
+    onOpenChange,
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "href",
+    "onOpenChange",
+    "className",
+    "children"
+  ]);
+  const router = useRouter();
+  return /* @__PURE__ */ jsx(
+    Link,
+    __spreadProps(__spreadValues({
+      href,
+      onClick: () => {
+        router.push(href.toString());
+        onOpenChange == null ? void 0 : onOpenChange(false);
+      },
+      className: cn(className)
+    }, props), {
+      children
+    })
+  );
+}
+export {
+  MobileNav
+};
+//# sourceMappingURL=mobile-nav.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../components/header/internal/mobile-nav.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport Link, { LinkProps } from 'next/link'\nimport { useRouter } from 'next/navigation'\n\nimport { docsConfig } from '@/config/docs'\nimport { siteConfig } from '@/config/site'\nimport { cn } from '@/lib/utils'\nimport { Icons } from '../../generic/icons'\nimport { ScrollArea } from '../../ui/scroll-area'\nimport { Sheet, SheetContent, SheetTrigger } from '../../ui/sheet'\nimport { Button } from '../../ui/button'\n\nexport function MobileNav() {\n  const [open, setOpen] = React.useState(false)\n\n  return (\n    <Sheet open={open} onOpenChange={setOpen}>\n      <SheetTrigger asChild>\n        <Button\n          variant=\"ghost\"\n          className=\"mr-2 flex px-0 text-base hover:bg-transparent focus-visible:bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0 md:hidden\"\n        >\n          <svg\n            strokeWidth=\"1.5\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className=\"h-5 w-5\"\n          >\n            <path\n              d=\"M3 5H11\"\n              stroke=\"currentColor\"\n              strokeWidth=\"1.5\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            ></path>\n            <path\n              d=\"M3 12H16\"\n              stroke=\"currentColor\"\n              strokeWidth=\"1.5\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            ></path>\n            <path\n              d=\"M3 19H21\"\n              stroke=\"currentColor\"\n              strokeWidth=\"1.5\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            ></path>\n          </svg>\n          <span className=\"sr-only\">Toggle Menu</span>\n        </Button>\n      </SheetTrigger>\n      <SheetContent side=\"left\" className=\"pr-0\">\n        <MobileLink\n          href=\"/\"\n          className=\"flex items-center\"\n          onOpenChange={setOpen}\n        >\n          <Icons.logo className=\"mr-2 h-4 w-4\" />\n          <span className=\"font-bold\">{siteConfig.name}</span>\n        </MobileLink>\n        <ScrollArea className=\"my-4 h-[calc(100vh-8rem)] pb-10 pl-6\">\n          <div className=\"flex flex-col space-y-3\">\n            {docsConfig.mainNav?.map(\n              (item: any) =>\n                item.href && (\n                  <MobileLink\n                    key={item.href}\n                    href={item.href}\n                    onOpenChange={setOpen}\n                  >\n                    {item.title}\n                  </MobileLink>\n                ),\n            )}\n          </div>\n          <div className=\"flex flex-col space-y-2\">\n            {docsConfig.sidebarNav.map((item: any, index: number) => (\n              <div key={index} className=\"flex flex-col space-y-3 pt-6\">\n                <h4 className=\"font-medium\">{item.title}</h4>\n                {item?.items?.length &&\n                  item.items.map((item: any) => (\n                    <React.Fragment key={item.href}>\n                      {!item.disabled &&\n                        (item.href ? (\n                          <MobileLink\n                            href={item.href}\n                            onOpenChange={setOpen}\n                            className=\"text-muted-foreground\"\n                          >\n                            {item.title}\n                            {item.label && (\n                              <span className=\"ml-2 rounded-md bg-[#adfa1d] px-1.5 py-0.5 text-xs leading-none text-[#000000] no-underline group-hover:no-underline\">\n                                {item.label}\n                              </span>\n                            )}\n                          </MobileLink>\n                        ) : (\n                          item.title\n                        ))}\n                    </React.Fragment>\n                  ))}\n              </div>\n            ))}\n          </div>\n        </ScrollArea>\n      </SheetContent>\n    </Sheet>\n  )\n}\n\ninterface MobileLinkProps extends LinkProps {\n  onOpenChange?: (_open: boolean) => void\n  children: React.ReactNode\n  className?: string\n}\n\nfunction MobileLink({\n  href,\n  onOpenChange,\n  className,\n  children,\n  ...props\n}: MobileLinkProps) {\n  const router = useRouter()\n  return (\n    <Link\n      href={href}\n      onClick={() => {\n        router.push(href.toString())\n        onOpenChange?.(false)\n      }}\n      className={cn(className)}\n      {...props}\n    >\n      {children}\n    </Link>\n  )\n}\n"],"mappings":"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","names":["_a","item"]}

package/dist/components/header/internal/mode-toggle.cjs

@@ -0,0 +1,73 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var mode_toggle_exports = {};
+__export(mode_toggle_exports, {
+  ModeToggle: () => ModeToggle
+});
+module.exports = __toCommonJS(mode_toggle_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_dropdown_menu = require("../../ui/dropdown-menu");
+var import_button = require("../../ui/button");
+var import_solid = require("@heroicons/react/20/solid");
+function ModeToggle({
+  theme,
+  resolvedTheme,
+  setTheme
+}) {
+  const [mounted, setMounted] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    setMounted(true);
+  }, []);
+  if (!mounted) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_button.Button, { variant: "ghost", size: "icon", className: "h-9 w-9", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_solid.SunIcon, { className: "h-[1.2rem] w-[1.2rem]" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Toggle theme" })
+    ] });
+  }
+  const isDark = resolvedTheme === "dark";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_button.Button, { variant: "ghost", size: "icon", className: "relative h-9 w-9", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_solid.SunIcon,
+        {
+          className: `absolute left-1/2 top-1/2 h-[1.2rem] w-[1.2rem] -translate-x-1/2 -translate-y-1/2 transition-all ${isDark ? "rotate-90 scale-0 opacity-0" : "rotate-0 scale-100 opacity-100"}`
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_solid.MoonIcon,
+        {
+          className: `absolute left-1/2 top-1/2 h-[1.2rem] w-[1.2rem] -translate-x-1/2 -translate-y-1/2 transition-all ${isDark ? "rotate-0 scale-100 opacity-100" : "-rotate-90 scale-0 opacity-0"}`
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Toggle theme" })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenuContent, { align: "end", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuItem, { onClick: () => setTheme("light"), children: "Light" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuItem, { onClick: () => setTheme("dark"), children: "Dark" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuItem, { onClick: () => setTheme("system"), children: "System" })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ModeToggle
+});
+//# sourceMappingURL=mode-toggle.cjs.map

package/dist/components/header/internal/mode-toggle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../components/header/internal/mode-toggle.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useState } from 'react'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '../../ui/dropdown-menu'\nimport { Button } from '../../ui/button'\nimport { MoonIcon, SunIcon } from '@heroicons/react/20/solid'\n\ninterface ModeToggleProps {\n  theme: string | undefined\n  resolvedTheme: string | undefined\n  setTheme: (theme: string) => void\n}\n\nexport function ModeToggle({\n  theme,\n  resolvedTheme,\n  setTheme,\n}: ModeToggleProps) {\n  const [mounted, setMounted] = useState(false)\n\n  useEffect(() => {\n    setMounted(true)\n  }, [])\n\n  if (!mounted) {\n    return (\n      <Button variant=\"ghost\" size=\"icon\" className=\"h-9 w-9\">\n        <SunIcon className=\"h-[1.2rem] w-[1.2rem]\" />\n        <span className=\"sr-only\">Toggle theme</span>\n      </Button>\n    )\n  }\n\n  const isDark = resolvedTheme === 'dark'\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"ghost\" size=\"icon\" className=\"relative h-9 w-9\">\n          <SunIcon\n            className={`absolute left-1/2 top-1/2 h-[1.2rem] w-[1.2rem] -translate-x-1/2 -translate-y-1/2 transition-all ${\n              isDark\n                ? 'rotate-90 scale-0 opacity-0'\n                : 'rotate-0 scale-100 opacity-100'\n            }`}\n          />\n          <MoonIcon\n            className={`absolute left-1/2 top-1/2 h-[1.2rem] w-[1.2rem] -translate-x-1/2 -translate-y-1/2 transition-all ${\n              isDark\n                ? 'rotate-0 scale-100 opacity-100'\n                : '-rotate-90 scale-0 opacity-0'\n            }`}\n          />\n          <span className=\"sr-only\">Toggle theme</span>\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\">\n        <DropdownMenuItem onClick={() => setTheme('light')}>\n          Light\n        </DropdownMenuItem>\n        <DropdownMenuItem onClick={() => setTheme('dark')}>\n          Dark\n        </DropdownMenuItem>\n        <DropdownMenuItem onClick={() => setTheme('system')}>\n          System\n        </DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BM;AA7BN,mBAAoC;AACpC,2BAKO;AACP,oBAAuB;AACvB,mBAAkC;AAQ3B,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAAoB;AAClB,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAE5C,8BAAU,MAAM;AACd,eAAW,IAAI;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,MAAI,CAAC,SAAS;AACZ,WACE,6CAAC,wBAAO,SAAQ,SAAQ,MAAK,QAAO,WAAU,WAC5C;AAAA,kDAAC,wBAAQ,WAAU,yBAAwB;AAAA,MAC3C,4CAAC,UAAK,WAAU,WAAU,0BAAY;AAAA,OACxC;AAAA,EAEJ;AAEA,QAAM,SAAS,kBAAkB;AAEjC,SACE,6CAAC,qCACC;AAAA,gDAAC,4CAAoB,SAAO,MAC1B,uDAAC,wBAAO,SAAQ,SAAQ,MAAK,QAAO,WAAU,oBAC5C;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,oGACT,SACI,gCACA,gCACN;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,oGACT,SACI,mCACA,8BACN;AAAA;AAAA,MACF;AAAA,MACA,4CAAC,UAAK,WAAU,WAAU,0BAAY;AAAA,OACxC,GACF;AAAA,IACA,6CAAC,4CAAoB,OAAM,OACzB;AAAA,kDAAC,yCAAiB,SAAS,MAAM,SAAS,OAAO,GAAG,mBAEpD;AAAA,MACA,4CAAC,yCAAiB,SAAS,MAAM,SAAS,MAAM,GAAG,kBAEnD;AAAA,MACA,4CAAC,yCAAiB,SAAS,MAAM,SAAS,QAAQ,GAAG,oBAErD;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/header/internal/mode-toggle.d.ts

@@ -0,0 +1,8 @@
+interface ModeToggleProps {
+    theme: string | undefined;
+    resolvedTheme: string | undefined;
+    setTheme: (theme: string) => void;
+}
+export declare function ModeToggle({ theme, resolvedTheme, setTheme, }: ModeToggleProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=mode-toggle.d.ts.map

package/dist/components/header/internal/mode-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mode-toggle.d.ts","sourceRoot":"","sources":["../../../../components/header/internal/mode-toggle.tsx"],"names":[],"mappings":"AAYA,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,aAAa,EAAE,MAAM,GAAG,SAAS,CAAA;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,aAAa,EACb,QAAQ,GACT,EAAE,eAAe,2CAoDjB"}

package/dist/components/header/internal/mode-toggle.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger
+} from "../../ui/dropdown-menu";
+import { Button } from "../../ui/button";
+import { MoonIcon, SunIcon } from "@heroicons/react/20/solid";
+function ModeToggle({
+  theme,
+  resolvedTheme,
+  setTheme
+}) {
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+  if (!mounted) {
+    return /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "icon", className: "h-9 w-9", children: [
+      /* @__PURE__ */ jsx(SunIcon, { className: "h-[1.2rem] w-[1.2rem]" }),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle theme" })
+    ] });
+  }
+  const isDark = resolvedTheme === "dark";
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "icon", className: "relative h-9 w-9", children: [
+      /* @__PURE__ */ jsx(
+        SunIcon,
+        {
+          className: `absolute left-1/2 top-1/2 h-[1.2rem] w-[1.2rem] -translate-x-1/2 -translate-y-1/2 transition-all ${isDark ? "rotate-90 scale-0 opacity-0" : "rotate-0 scale-100 opacity-100"}`
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        MoonIcon,
+        {
+          className: `absolute left-1/2 top-1/2 h-[1.2rem] w-[1.2rem] -translate-x-1/2 -translate-y-1/2 transition-all ${isDark ? "rotate-0 scale-100 opacity-100" : "-rotate-90 scale-0 opacity-0"}`
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle theme" })
+    ] }) }),
+    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
+      /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => setTheme("light"), children: "Light" }),
+      /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => setTheme("dark"), children: "Dark" }),
+      /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => setTheme("system"), children: "System" })
+    ] })
+  ] });
+}
+export {
+  ModeToggle
+};
+//# sourceMappingURL=mode-toggle.js.map

package/dist/components/header/internal/mode-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../components/header/internal/mode-toggle.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useState } from 'react'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '../../ui/dropdown-menu'\nimport { Button } from '../../ui/button'\nimport { MoonIcon, SunIcon } from '@heroicons/react/20/solid'\n\ninterface ModeToggleProps {\n  theme: string | undefined\n  resolvedTheme: string | undefined\n  setTheme: (theme: string) => void\n}\n\nexport function ModeToggle({\n  theme,\n  resolvedTheme,\n  setTheme,\n}: ModeToggleProps) {\n  const [mounted, setMounted] = useState(false)\n\n  useEffect(() => {\n    setMounted(true)\n  }, [])\n\n  if (!mounted) {\n    return (\n      <Button variant=\"ghost\" size=\"icon\" className=\"h-9 w-9\">\n        <SunIcon className=\"h-[1.2rem] w-[1.2rem]\" />\n        <span className=\"sr-only\">Toggle theme</span>\n      </Button>\n    )\n  }\n\n  const isDark = resolvedTheme === 'dark'\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"ghost\" size=\"icon\" className=\"relative h-9 w-9\">\n          <SunIcon\n            className={`absolute left-1/2 top-1/2 h-[1.2rem] w-[1.2rem] -translate-x-1/2 -translate-y-1/2 transition-all ${\n              isDark\n                ? 'rotate-90 scale-0 opacity-0'\n                : 'rotate-0 scale-100 opacity-100'\n            }`}\n          />\n          <MoonIcon\n            className={`absolute left-1/2 top-1/2 h-[1.2rem] w-[1.2rem] -translate-x-1/2 -translate-y-1/2 transition-all ${\n              isDark\n                ? 'rotate-0 scale-100 opacity-100'\n                : '-rotate-90 scale-0 opacity-0'\n            }`}\n          />\n          <span className=\"sr-only\">Toggle theme</span>\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\">\n        <DropdownMenuItem onClick={() => setTheme('light')}>\n          Light\n        </DropdownMenuItem>\n        <DropdownMenuItem onClick={() => setTheme('dark')}>\n          Dark\n        </DropdownMenuItem>\n        <DropdownMenuItem onClick={() => setTheme('system')}>\n          System\n        </DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n"],"mappings":";AA+BM,SACE,KADF;AA7BN,SAAS,WAAW,gBAAgB;AACpC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AACvB,SAAS,UAAU,eAAe;AAQ3B,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAAoB;AAClB,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,YAAU,MAAM;AACd,eAAW,IAAI;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,MAAI,CAAC,SAAS;AACZ,WACE,qBAAC,UAAO,SAAQ,SAAQ,MAAK,QAAO,WAAU,WAC5C;AAAA,0BAAC,WAAQ,WAAU,yBAAwB;AAAA,MAC3C,oBAAC,UAAK,WAAU,WAAU,0BAAY;AAAA,OACxC;AAAA,EAEJ;AAEA,QAAM,SAAS,kBAAkB;AAEjC,SACE,qBAAC,gBACC;AAAA,wBAAC,uBAAoB,SAAO,MAC1B,+BAAC,UAAO,SAAQ,SAAQ,MAAK,QAAO,WAAU,oBAC5C;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,oGACT,SACI,gCACA,gCACN;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,oGACT,SACI,mCACA,8BACN;AAAA;AAAA,MACF;AAAA,MACA,oBAAC,UAAK,WAAU,WAAU,0BAAY;AAAA,OACxC,GACF;AAAA,IACA,qBAAC,uBAAoB,OAAM,OACzB;AAAA,0BAAC,oBAAiB,SAAS,MAAM,SAAS,OAAO,GAAG,mBAEpD;AAAA,MACA,oBAAC,oBAAiB,SAAS,MAAM,SAAS,MAAM,GAAG,kBAEnD;AAAA,MACA,oBAAC,oBAAiB,SAAS,MAAM,SAAS,QAAQ,GAAG,oBAErD;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,62 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var site_header_exports = {};
+__export(site_header_exports, {
+  SiteHeader: () => SiteHeader
+});
+module.exports = __toCommonJS(site_header_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_command = require("../../ui/command");
+var import_main_nav = require("./main-nav");
+var import_mode_toggle = require("./mode-toggle");
+var import_userbutton = require("../userbutton/userbutton");
+var import_langbutton = require("../langbutton/langbutton");
+function SiteHeader({
+  user,
+  signOut,
+  cookies,
+  theme,
+  resolvedTheme,
+  setTheme
+}) {
+  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 }),
+    /* @__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: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_langbutton.LangButton, { cookies }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_mode_toggle.ModeToggle,
+          {
+            theme,
+            resolvedTheme,
+            setTheme
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_userbutton.UserButton, { signOut, user })
+      ] })
+    ] })
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SiteHeader
+});
+//# sourceMappingURL=site-header.cjs.map

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

@@ -0,0 +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}: {\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}) {\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} />\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;AA6BQ;AA7BR,qBAAwB;AACxB,sBAAwB;AAExB,yBAA2B;AAC3B,wBAA2B;AAC3B,wBAA2B;AAMpB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AAzBH;AA0BE,SACE,4CAAC,YAAO,WAAU,2HAChB,uDAAC,SAAI,WAAU,+EACb;AAAA,gDAAC,2BAAQ,SAAQ,kCAAM,aAAN,YAAkB,6BAAM,IAAI;AAAA,IAE7C,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.d.ts

@@ -0,0 +1,15 @@
+import { User } from '@auth/core/types';
+type UserWithUsername = User & {
+    username?: string | null;
+};
+import type { Cookies } from 'next-client-cookies';
+export declare function SiteHeader({ user, signOut, cookies, theme, resolvedTheme, setTheme, }: {
+    user: UserWithUsername | undefined;
+    signOut: () => Promise<void>;
+    cookies: Cookies;
+    theme: string | undefined;
+    resolvedTheme: string | undefined;
+    setTheme: (theme: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=site-header.d.ts.map

package/dist/components/header/internal/site-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-header.d.ts","sourceRoot":"","sources":["../../../../components/header/internal/site-header.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAEvC,KAAK,gBAAgB,GAAG,IAAI,GAAG;IAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAA;AAC3D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAElD,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAO,EACP,OAAO,EACP,KAAK,EACL,aAAa,EACb,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,gBAAgB,GAAG,SAAS,CAAA;IAClC,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC5B,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,aAAa,EAAE,MAAM,GAAG,SAAS,CAAA;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC,2CAuBA"}

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

@@ -0,0 +1,38 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Command } from "../../ui/command";
+import { MainNav } from "./main-nav";
+import { ModeToggle } from "./mode-toggle";
+import { UserButton } from "../userbutton/userbutton";
+import { LangButton } from "../langbutton/langbutton";
+function SiteHeader({
+  user,
+  signOut,
+  cookies,
+  theme,
+  resolvedTheme,
+  setTheme
+}) {
+  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 }),
+    /* @__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: [
+        /* @__PURE__ */ jsx(LangButton, { cookies }),
+        /* @__PURE__ */ jsx(
+          ModeToggle,
+          {
+            theme,
+            resolvedTheme,
+            setTheme
+          }
+        ),
+        /* @__PURE__ */ jsx(UserButton, { signOut, user })
+      ] })
+    ] })
+  ] }) });
+}
+export {
+  SiteHeader
+};
+//# sourceMappingURL=site-header.js.map

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

@@ -0,0 +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}: {\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}) {\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} />\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":"AA6BQ,cAME,YANF;AA7BR,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;AACF,GAOG;AAzBH;AA0BE,SACE,oBAAC,YAAO,WAAU,2HAChB,+BAAC,SAAI,WAAU,+EACb;AAAA,wBAAC,WAAQ,SAAQ,kCAAM,aAAN,YAAkB,6BAAM,IAAI;AAAA,IAE7C,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/header/langbutton/langbutton.cjs

@@ -0,0 +1,54 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var langbutton_exports = {};
+__export(langbutton_exports, {
+  LangButton: () => LangButton
+});
+module.exports = __toCommonJS(langbutton_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_dropdown_menu = require("../../ui/dropdown-menu");
+var import_button = require("../../ui/button");
+var import_solid = require("@heroicons/react/20/solid");
+const locales = ["en", "de"];
+function LangButton({ cookies }) {
+  const handleLocaleChange = (locale) => {
+    cookies.set("NEXT_LOCALE", locale);
+    window.location.reload();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_button.Button, { variant: "ghost", size: "icon", className: "h-9 w-9", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_solid.LanguageIcon, { className: "h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Toggle language" })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuContent, { align: "end", children: locales.map((locale) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_dropdown_menu.DropdownMenuItem,
+      {
+        onClick: () => handleLocaleChange(locale),
+        children: locale
+      },
+      locale
+    )) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LangButton
+});
+//# sourceMappingURL=langbutton.cjs.map

package/dist/components/header/langbutton/langbutton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../components/header/langbutton/langbutton.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '../../ui/dropdown-menu'\nimport { Button } from '../../ui/button'\nimport { LanguageIcon } from '@heroicons/react/20/solid'\nconst locales = ['en', 'de']\n\nexport function LangButton({ cookies }: { cookies: any }) {\n  const handleLocaleChange = (locale: string) => {\n    cookies.set('NEXT_LOCALE', locale)\n    window.location.reload()\n  }\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"ghost\" size=\"icon\" className=\"h-9 w-9\">\n          <LanguageIcon className=\"h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all\" />\n          <span className=\"sr-only\">Toggle language</span>\n        </Button>\n      </DropdownMenuTrigger>\n\n      <DropdownMenuContent align=\"end\">\n        {locales.map((locale) => (\n          <DropdownMenuItem\n            key={locale}\n            onClick={() => handleLocaleChange(locale)}\n          >\n            {locale}\n          </DropdownMenuItem>\n        ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBQ;AAnBR,2BAKO;AACP,oBAAuB;AACvB,mBAA6B;AAC7B,MAAM,UAAU,CAAC,MAAM,IAAI;AAEpB,SAAS,WAAW,EAAE,QAAQ,GAAqB;AACxD,QAAM,qBAAqB,CAAC,WAAmB;AAC7C,YAAQ,IAAI,eAAe,MAAM;AACjC,WAAO,SAAS,OAAO;AAAA,EACzB;AAEA,SACE,6CAAC,qCACC;AAAA,gDAAC,4CAAoB,SAAO,MAC1B,uDAAC,wBAAO,SAAQ,SAAQ,MAAK,QAAO,WAAU,WAC5C;AAAA,kDAAC,6BAAa,WAAU,2DAA0D;AAAA,MAClF,4CAAC,UAAK,WAAU,WAAU,6BAAe;AAAA,OAC3C,GACF;AAAA,IAEA,4CAAC,4CAAoB,OAAM,OACxB,kBAAQ,IAAI,CAAC,WACZ;AAAA,MAAC;AAAA;AAAA,QAEC,SAAS,MAAM,mBAAmB,MAAM;AAAA,QAEvC;AAAA;AAAA,MAHI;AAAA,IAIP,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/header/langbutton/langbutton.d.ts

@@ -0,0 +1,4 @@
+export declare function LangButton({ cookies }: {
+    cookies: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=langbutton.d.ts.map

package/dist/components/header/langbutton/langbutton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"langbutton.d.ts","sourceRoot":"","sources":["../../../../components/header/langbutton/langbutton.tsx"],"names":[],"mappings":"AAcA,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,2CA2BvD"}

package/dist/components/header/langbutton/langbutton.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger
+} from "../../ui/dropdown-menu";
+import { Button } from "../../ui/button";
+import { LanguageIcon } from "@heroicons/react/20/solid";
+const locales = ["en", "de"];
+function LangButton({ cookies }) {
+  const handleLocaleChange = (locale) => {
+    cookies.set("NEXT_LOCALE", locale);
+    window.location.reload();
+  };
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "icon", className: "h-9 w-9", children: [
+      /* @__PURE__ */ jsx(LanguageIcon, { className: "h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all" }),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle language" })
+    ] }) }),
+    /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", children: locales.map((locale) => /* @__PURE__ */ jsx(
+      DropdownMenuItem,
+      {
+        onClick: () => handleLocaleChange(locale),
+        children: locale
+      },
+      locale
+    )) })
+  ] });
+}
+export {
+  LangButton
+};
+//# sourceMappingURL=langbutton.js.map

package/dist/components/header/langbutton/langbutton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../components/header/langbutton/langbutton.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '../../ui/dropdown-menu'\nimport { Button } from '../../ui/button'\nimport { LanguageIcon } from '@heroicons/react/20/solid'\nconst locales = ['en', 'de']\n\nexport function LangButton({ cookies }: { cookies: any }) {\n  const handleLocaleChange = (locale: string) => {\n    cookies.set('NEXT_LOCALE', locale)\n    window.location.reload()\n  }\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"ghost\" size=\"icon\" className=\"h-9 w-9\">\n          <LanguageIcon className=\"h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all\" />\n          <span className=\"sr-only\">Toggle language</span>\n        </Button>\n      </DropdownMenuTrigger>\n\n      <DropdownMenuContent align=\"end\">\n        {locales.map((locale) => (\n          <DropdownMenuItem\n            key={locale}\n            onClick={() => handleLocaleChange(locale)}\n          >\n            {locale}\n          </DropdownMenuItem>\n        ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n"],"mappings":";AAuBQ,SACE,KADF;AAnBR;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AACvB,SAAS,oBAAoB;AAC7B,MAAM,UAAU,CAAC,MAAM,IAAI;AAEpB,SAAS,WAAW,EAAE,QAAQ,GAAqB;AACxD,QAAM,qBAAqB,CAAC,WAAmB;AAC7C,YAAQ,IAAI,eAAe,MAAM;AACjC,WAAO,SAAS,OAAO;AAAA,EACzB;AAEA,SACE,qBAAC,gBACC;AAAA,wBAAC,uBAAoB,SAAO,MAC1B,+BAAC,UAAO,SAAQ,SAAQ,MAAK,QAAO,WAAU,WAC5C;AAAA,0BAAC,gBAAa,WAAU,2DAA0D;AAAA,MAClF,oBAAC,UAAK,WAAU,WAAU,6BAAe;AAAA,OAC3C,GACF;AAAA,IAEA,oBAAC,uBAAoB,OAAM,OACxB,kBAAQ,IAAI,CAAC,WACZ;AAAA,MAAC;AAAA;AAAA,QAEC,SAAS,MAAM,mBAAmB,MAAM;AAAA,QAEvC;AAAA;AAAA,MAHI;AAAA,IAIP,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}