@slashclick/ui 0.1.13

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

@@ -0,0 +1,210 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+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;
+};
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var mobile_nav_exports = {};
+__export(mobile_nav_exports, {
+  MobileNav: () => MobileNav
+});
+module.exports = __toCommonJS(mobile_nav_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_link = __toESM(require("next/link"), 1);
+var import_navigation = require("next/navigation");
+var import_utils = require("../../../lib/utils");
+var import_icons = require("../../generic/icons");
+var import_scroll_area = require("../../ui/scroll-area");
+var import_sheet = require("../../ui/sheet");
+var import_button = require("../../ui/button");
+function MobileNav({
+  siteName,
+  mainNav,
+  sidebarNav
+}) {
+  const [open, setOpen] = React.useState(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.Sheet, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.SheetTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_button.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
+                  "path",
+                  {
+                    d: "M3 5H11",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "path",
+                  {
+                    d: "M3 12H16",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "path",
+                  {
+                    d: "M3 19H21",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Toggle Menu" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.SheetContent, { side: "left", className: "pr-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        MobileLink,
+        {
+          href: "/",
+          className: "flex items-center",
+          onOpenChange: setOpen,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Icons.logo, { className: "mr-2 h-4 w-4" }),
+            siteName && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-bold", children: siteName })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_scroll_area.ScrollArea, { className: "my-4 h-[calc(100vh-8rem)] pb-10 pl-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-col space-y-3", children: mainNav == null ? void 0 : mainNav.map(
+          (item) => item.href && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            MobileLink,
+            {
+              href: item.href,
+              onOpenChange: setOpen,
+              children: item.title
+            },
+            item.href
+          )
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-col space-y-2", children: (sidebarNav != null ? sidebarNav : []).map((item, index) => {
+          var _a;
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col space-y-3 pt-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { className: "font-medium", children: item.title }),
+            ((_a = item == null ? void 0 : item.items) == null ? void 0 : _a.length) && item.items.map((item2) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(React.Fragment, { children: !item2.disabled && (item2.href ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              MobileLink,
+              {
+                href: item2.href,
+                onOpenChange: setOpen,
+                className: "text-muted-foreground",
+                children: [
+                  item2.title,
+                  item2.label && /* @__PURE__ */ (0, import_jsx_runtime.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 = (0, import_navigation.useRouter)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_link.default,
+    __spreadProps(__spreadValues({
+      href,
+      onClick: () => {
+        router.push(href.toString());
+        onOpenChange == null ? void 0 : onOpenChange(false);
+      },
+      className: (0, import_utils.cn)(className)
+    }, props), {
+      children
+    })
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MobileNav
+});
+//# sourceMappingURL=mobile-nav.cjs.map

package/dist/components/header/internal/mobile-nav.cjs.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 { 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  siteName,\n  mainNav,\n  sidebarNav,\n}: {\n  siteName?: string\n  mainNav?: { href?: string; title: string }[]\n  sidebarNav?: { title: string; items?: { href?: string; title: string; label?: string; disabled?: boolean }[] }[]\n}) {\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          {siteName && <span className=\"font-bold\">{siteName}</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            {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            {(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":["item","Link"]}

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

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export declare function MobileNav({ siteName, mainNav, sidebarNav, }: {
+    siteName?: string;
+    mainNav?: {
+        href?: string;
+        title: string;
+    }[];
+    sidebarNav?: {
+        title: string;
+        items?: {
+            href?: string;
+            title: string;
+            label?: string;
+            disabled?: boolean;
+        }[];
+    }[];
+}): React.JSX.Element;
+//# sourceMappingURL=mobile-nav.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-nav.d.ts","sourceRoot":"","sources":["../../../../components/header/internal/mobile-nav.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,OAAO,EACP,UAAU,GACX,EAAE;IACD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC5C,UAAU,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE;YAAE,IAAI,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;SAAE,EAAE,CAAA;KAAE,EAAE,CAAA;CACjH,qBAmGA"}

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

@@ -0,0 +1,178 @@
+"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 { 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({
+  siteName,
+  mainNav,
+  sidebarNav
+}) {
+  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" }),
+            siteName && /* @__PURE__ */ jsx("span", { className: "font-bold", children: siteName })
+          ]
+        }
+      ),
+      /* @__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: mainNav == null ? void 0 : mainNav.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: (sidebarNav != null ? sidebarNav : []).map((item, index) => {
+          var _a;
+          return /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-3 pt-6", children: [
+            /* @__PURE__ */ jsx("h4", { className: "font-medium", children: item.title }),
+            ((_a = item == null ? void 0 : item.items) == null ? void 0 : _a.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 { 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  siteName,\n  mainNav,\n  sidebarNav,\n}: {\n  siteName?: string\n  mainNav?: { href?: string; title: string }[]\n  sidebarNav?: { title: string; items?: { href?: string; title: string; label?: string; disabled?: boolean }[] }[]\n}) {\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          {siteName && <span className=\"font-bold\">{siteName}</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            {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            {(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":["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.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,+BAoDjB"}

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":[]}