@jarrodmedrano/ui 0.1.0

package/dist/components/dashboard/sidebar-nav.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+import { CollapsibleSection } from "./sidebar/CollapsibleSection";
+import { Skeleton } from "../ui/skeleton";
+function SidebarNav({
+  isCollapsed,
+  sections = [],
+  isLoading,
+  error,
+  theme,
+  onExpand
+}) {
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-collapsed": isCollapsed,
+        className: cn(
+          "group flex min-w-[50px] flex-col gap-4 py-2 transition-all duration-300 ease-in-out"
+        ),
+        children: /* @__PURE__ */ jsx("nav", { className: "grid gap-1 px-2", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 py-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
+            !isCollapsed && /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20" })
+          ] }),
+          !isCollapsed && /* @__PURE__ */ jsxs("div", { className: "ml-6 flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-full" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-full" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-3/4" })
+          ] })
+        ] }, i)) })
+      }
+    );
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-collapsed": isCollapsed,
+        className: cn(
+          "group flex min-w-[50px] flex-col gap-4 py-2 transition-all duration-300 ease-in-out"
+        ),
+        children: /* @__PURE__ */ jsx("div", { className: "px-2 text-sm text-red-500", children: "Error loading entities" })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-collapsed": isCollapsed,
+      className: cn(
+        "group flex min-w-[50px] flex-col gap-4 py-2 transition-all duration-300 ease-in-out"
+      ),
+      children: /* @__PURE__ */ jsx("nav", { className: "grid gap-1 px-2 group-data-[collapsed=true]:justify-center group-data-[collapsed=true]:px-2", children: sections.map((section) => /* @__PURE__ */ jsx(
+        CollapsibleSection,
+        {
+          title: section.title,
+          items: section.items,
+          icon: section.icon,
+          createHref: section.createHref,
+          moreHref: section.moreHref,
+          isCollapsed,
+          theme,
+          onExpand
+        },
+        section.title
+      )) })
+    }
+  );
+}
+export {
+  SidebarNav
+};
+//# sourceMappingURL=sidebar-nav.js.map

package/dist/components/dashboard/sidebar-nav.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/dashboard/sidebar-nav.tsx"],"sourcesContent":["'use client'\n\nimport { cn } from '../../lib/utils'\nimport { CollapsibleSection } from './sidebar/CollapsibleSection'\nimport { Skeleton } from '../ui/skeleton'\nimport type { LucideIcon } from 'lucide-react'\n\nexport interface EntityItem {\n  id: string\n  name: string\n  slug: string\n  href: string\n}\n\nexport interface SidebarSection {\n  title: string\n  icon: LucideIcon | string\n  items: EntityItem[]\n  createHref: string\n  moreHref: string\n}\n\nexport interface NavProps {\n  isCollapsed: boolean\n  sections: SidebarSection[]\n  isLoading?: boolean\n  error?: string | null\n  theme?: string\n  onExpand?: () => void\n}\n\nexport function SidebarNav({\n  isCollapsed,\n  sections = [],\n  isLoading,\n  error,\n  theme,\n  onExpand,\n}: NavProps) {\n  if (isLoading) {\n    return (\n      <div\n        data-collapsed={isCollapsed}\n        className={cn(\n          'group flex min-w-[50px] flex-col gap-4 py-2 transition-all duration-300 ease-in-out',\n        )}\n      >\n        <nav className=\"grid gap-1 px-2\">\n          {/* Skeleton sections mimicking CollapsibleSection structure */}\n          {[1, 2, 3, 4].map((i) => (\n            <div key={i} className=\"flex flex-col gap-2 py-2\">\n              {/* Section header skeleton */}\n              <div className=\"flex items-center gap-2\">\n                <Skeleton className=\"h-4 w-4\" />\n                {!isCollapsed && <Skeleton className=\"h-4 w-20\" />}\n              </div>\n              {/* Entity items skeleton */}\n              {!isCollapsed && (\n                <div className=\"ml-6 flex flex-col gap-1\">\n                  <Skeleton className=\"h-6 w-full\" />\n                  <Skeleton className=\"h-6 w-full\" />\n                  <Skeleton className=\"h-6 w-3/4\" />\n                </div>\n              )}\n            </div>\n          ))}\n        </nav>\n      </div>\n    )\n  }\n\n  if (error) {\n    return (\n      <div\n        data-collapsed={isCollapsed}\n        className={cn(\n          'group flex min-w-[50px] flex-col gap-4 py-2 transition-all duration-300 ease-in-out',\n        )}\n      >\n        <div className=\"px-2 text-sm text-red-500\">Error loading entities</div>\n      </div>\n    )\n  }\n\n  return (\n    <div\n      data-collapsed={isCollapsed}\n      className={cn(\n        'group flex min-w-[50px] flex-col gap-4 py-2 transition-all duration-300 ease-in-out',\n      )}\n    >\n      <nav className=\"grid gap-1 px-2 group-data-[collapsed=true]:justify-center group-data-[collapsed=true]:px-2\">\n        {sections.map((section) => (\n          <CollapsibleSection\n            key={section.title}\n            title={section.title}\n            items={section.items}\n            icon={section.icon}\n            createHref={section.createHref}\n            moreHref={section.moreHref}\n            isCollapsed={isCollapsed}\n            theme={theme}\n            onExpand={onExpand}\n          />\n        ))}\n      </nav>\n    </div>\n  )\n}\n"],"mappings":";AAoDc,SACE,KADF;AAlDd,SAAS,UAAU;AACnB,SAAS,0BAA0B;AACnC,SAAS,gBAAgB;AA2BlB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,WAAW,CAAC;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAa;AACX,MAAI,WAAW;AACb,WACE;AAAA,MAAC;AAAA;AAAA,QACC,kBAAgB;AAAA,QAChB,WAAW;AAAA,UACT;AAAA,QACF;AAAA,QAEA,8BAAC,SAAI,WAAU,mBAEZ,WAAC,GAAG,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MACjB,qBAAC,SAAY,WAAU,4BAErB;AAAA,+BAAC,SAAI,WAAU,2BACb;AAAA,gCAAC,YAAS,WAAU,WAAU;AAAA,YAC7B,CAAC,eAAe,oBAAC,YAAS,WAAU,YAAW;AAAA,aAClD;AAAA,UAEC,CAAC,eACA,qBAAC,SAAI,WAAU,4BACb;AAAA,gCAAC,YAAS,WAAU,cAAa;AAAA,YACjC,oBAAC,YAAS,WAAU,cAAa;AAAA,YACjC,oBAAC,YAAS,WAAU,aAAY;AAAA,aAClC;AAAA,aAZM,CAcV,CACD,GACH;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,MAAI,OAAO;AACT,WACE;AAAA,MAAC;AAAA;AAAA,QACC,kBAAgB;AAAA,QAChB,WAAW;AAAA,UACT;AAAA,QACF;AAAA,QAEA,8BAAC,SAAI,WAAU,6BAA4B,oCAAsB;AAAA;AAAA,IACnE;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,kBAAgB;AAAA,MAChB,WAAW;AAAA,QACT;AAAA,MACF;AAAA,MAEA,8BAAC,SAAI,WAAU,+FACZ,mBAAS,IAAI,CAAC,YACb;AAAA,QAAC;AAAA;AAAA,UAEC,OAAO,QAAQ;AAAA,UACf,OAAO,QAAQ;AAAA,UACf,MAAM,QAAQ;AAAA,UACd,YAAY,QAAQ;AAAA,UACpB,UAAU,QAAQ;AAAA,UAClB;AAAA,UACA;AAAA,UACA;AAAA;AAAA,QARK,QAAQ;AAAA,MASf,CACD,GACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/dashboard/utils/build-nav.cjs

@@ -0,0 +1,103 @@
+"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 build_nav_exports = {};
+__export(build_nav_exports, {
+  createKeyIndex: () => createKeyIndex,
+  createPagesSubNav: () => createPagesSubNav
+});
+module.exports = __toCommonJS(build_nav_exports);
+var import_lucide_react = require("lucide-react");
+const createKeyIndex = (sitemap) => {
+  const keys = Object.keys(sitemap);
+  const collections = [];
+  const pages = [];
+  keys == null ? void 0 : keys.reduce((acc, curr) => {
+    var _a;
+    ((_a = sitemap[curr]) == null ? void 0 : _a.collection) ? collections.push(sitemap[curr].collection) : pages.push(sitemap[curr].page);
+    return acc;
+  }, []);
+  return {
+    collections,
+    pages
+  };
+};
+const createPagesSubNav = (keyIndex, type, data) => {
+  var _a;
+  return (_a = keyIndex == null ? void 0 : keyIndex[type]) == null ? void 0 : _a.reduce((acc, curr) => {
+    var _a2;
+    if (curr && (curr == null ? void 0 : curr.name) && (data == null ? void 0 : data[curr.name])) {
+      return [
+        ...acc,
+        {
+          title: curr.name || curr.loc,
+          label: curr.label || curr.loc,
+          href: curr.loc,
+          icon: import_lucide_react.Inbox,
+          variant: "ghost",
+          children: (_a2 = data == null ? void 0 : data[curr == null ? void 0 : curr.name]) == null ? void 0 : _a2.map((child) => {
+            return {
+              title: child.title,
+              label: child.title,
+              icon: import_lucide_react.Inbox,
+              variant: "ghost",
+              href: (child == null ? void 0 : child.slug) || (curr == null ? void 0 : curr.loc)
+            };
+          })
+        }
+      ];
+    }
+    if (curr && (curr == null ? void 0 : curr.children)) {
+      return [
+        ...acc,
+        {
+          title: curr.name || curr.loc,
+          label: curr.label || curr.loc,
+          href: curr.loc,
+          icon: import_lucide_react.Inbox,
+          variant: "ghost",
+          children: curr.children.map((child) => {
+            return {
+              title: child.page.name || child.page.loc,
+              label: child.page.label || child.page.loc,
+              icon: import_lucide_react.Inbox,
+              variant: "ghost",
+              href: child.page.loc
+            };
+          })
+        }
+      ];
+    }
+    return [
+      ...acc,
+      {
+        title: curr.name,
+        label: curr.label,
+        icon: import_lucide_react.Inbox,
+        variant: "ghost",
+        href: curr.loc
+      }
+    ];
+  }, []);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createKeyIndex,
+  createPagesSubNav
+});
+//# sourceMappingURL=build-nav.cjs.map

package/dist/components/dashboard/utils/build-nav.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../components/dashboard/utils/build-nav.ts"],"sourcesContent":["import { Inbox } from 'lucide-react'\n\nexport interface KeyIndex {\n  collections: []\n  pages: []\n}\n\nexport const createKeyIndex = (sitemap: any): KeyIndex => {\n  const keys = Object.keys(sitemap)\n  const collections: any = []\n  const pages: any = []\n  keys?.reduce((acc: any, curr: any) => {\n    sitemap[curr]?.collection\n      ? collections.push(sitemap[curr].collection)\n      : pages.push(sitemap[curr].page)\n    return acc\n  }, [])\n\n  return {\n    collections,\n    pages,\n  }\n}\n\nexport const createPagesSubNav = (\n  keyIndex: any,\n  type: 'pages' | 'collections',\n  data: any,\n) => {\n  return keyIndex?.[type]?.reduce((acc: any, curr: any) => {\n    if (curr && curr?.name && data?.[curr.name]) {\n      return [\n        ...acc,\n        {\n          title: curr.name || curr.loc,\n          label: curr.label || curr.loc,\n          href: curr.loc,\n          icon: Inbox,\n          variant: 'ghost',\n          children: data?.[curr?.name]?.map((child: any) => {\n            return {\n              title: child.title,\n              label: child.title,\n              icon: Inbox,\n              variant: 'ghost',\n              href: child?.slug || curr?.loc,\n            }\n          }),\n        },\n      ]\n    }\n    if (curr && curr?.children) {\n      return [\n        ...acc,\n        {\n          title: curr.name || curr.loc,\n          label: curr.label || curr.loc,\n          href: curr.loc,\n          icon: Inbox,\n          variant: 'ghost',\n          children: curr.children.map((child: any) => {\n            return {\n              title: child.page.name || child.page.loc,\n              label: child.page.label || child.page.loc,\n              icon: Inbox,\n              variant: 'ghost',\n              href: child.page.loc,\n            }\n          }),\n        },\n      ]\n    }\n    return [\n      ...acc,\n      {\n        title: curr.name,\n        label: curr.label,\n        icon: Inbox,\n        variant: 'ghost',\n        href: curr.loc,\n      },\n    ]\n  }, [])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAsB;AAOf,MAAM,iBAAiB,CAAC,YAA2B;AACxD,QAAM,OAAO,OAAO,KAAK,OAAO;AAChC,QAAM,cAAmB,CAAC;AAC1B,QAAM,QAAa,CAAC;AACpB,+BAAM,OAAO,CAAC,KAAU,SAAc;AAXxC;AAYI,mBAAQ,IAAI,MAAZ,mBAAe,cACX,YAAY,KAAK,QAAQ,IAAI,EAAE,UAAU,IACzC,MAAM,KAAK,QAAQ,IAAI,EAAE,IAAI;AACjC,WAAO;AAAA,EACT,GAAG,CAAC;AAEJ,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;AAEO,MAAM,oBAAoB,CAC/B,UACA,MACA,SACG;AA5BL;AA6BE,UAAO,0CAAW,UAAX,mBAAkB,OAAO,CAAC,KAAU,SAAc;AA7B3D,QAAAA;AA8BI,QAAI,SAAQ,6BAAM,UAAQ,6BAAO,KAAK,QAAO;AAC3C,aAAO;AAAA,QACL,GAAG;AAAA,QACH;AAAA,UACE,OAAO,KAAK,QAAQ,KAAK;AAAA,UACzB,OAAO,KAAK,SAAS,KAAK;AAAA,UAC1B,MAAM,KAAK;AAAA,UACX,MAAM;AAAA,UACN,SAAS;AAAA,UACT,WAAUA,MAAA,6BAAO,6BAAM,UAAb,gBAAAA,IAAoB,IAAI,CAAC,UAAe;AAChD,mBAAO;AAAA,cACL,OAAO,MAAM;AAAA,cACb,OAAO,MAAM;AAAA,cACb,MAAM;AAAA,cACN,SAAS;AAAA,cACT,OAAM,+BAAO,UAAQ,6BAAM;AAAA,YAC7B;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AACA,QAAI,SAAQ,6BAAM,WAAU;AAC1B,aAAO;AAAA,QACL,GAAG;AAAA,QACH;AAAA,UACE,OAAO,KAAK,QAAQ,KAAK;AAAA,UACzB,OAAO,KAAK,SAAS,KAAK;AAAA,UAC1B,MAAM,KAAK;AAAA,UACX,MAAM;AAAA,UACN,SAAS;AAAA,UACT,UAAU,KAAK,SAAS,IAAI,CAAC,UAAe;AAC1C,mBAAO;AAAA,cACL,OAAO,MAAM,KAAK,QAAQ,MAAM,KAAK;AAAA,cACrC,OAAO,MAAM,KAAK,SAAS,MAAM,KAAK;AAAA,cACtC,MAAM;AAAA,cACN,SAAS;AAAA,cACT,MAAM,MAAM,KAAK;AAAA,YACnB;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AACA,WAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA,QACE,OAAO,KAAK;AAAA,QACZ,OAAO,KAAK;AAAA,QACZ,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM,KAAK;AAAA,MACb;AAAA,IACF;AAAA,EACF,GAAG,CAAC;AACN;","names":["_a"]}

package/dist/components/dashboard/utils/build-nav.d.ts

@@ -0,0 +1,7 @@
+export interface KeyIndex {
+    collections: [];
+    pages: [];
+}
+export declare const createKeyIndex: (sitemap: any) => KeyIndex;
+export declare const createPagesSubNav: (keyIndex: any, type: "pages" | "collections", data: any) => any;
+//# sourceMappingURL=build-nav.d.ts.map

package/dist/components/dashboard/utils/build-nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-nav.d.ts","sourceRoot":"","sources":["../../../../components/dashboard/utils/build-nav.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,QAAQ;IACvB,WAAW,EAAE,EAAE,CAAA;IACf,KAAK,EAAE,EAAE,CAAA;CACV;AAED,eAAO,MAAM,cAAc,YAAa,GAAG,KAAG,QAe7C,CAAA;AAED,eAAO,MAAM,iBAAiB,aAClB,GAAG,QACP,OAAO,GAAG,aAAa,QACvB,GAAG,QAwDV,CAAA"}

package/dist/components/dashboard/utils/build-nav.js

@@ -0,0 +1,78 @@
+import { Inbox } from "lucide-react";
+const createKeyIndex = (sitemap) => {
+  const keys = Object.keys(sitemap);
+  const collections = [];
+  const pages = [];
+  keys == null ? void 0 : keys.reduce((acc, curr) => {
+    var _a;
+    ((_a = sitemap[curr]) == null ? void 0 : _a.collection) ? collections.push(sitemap[curr].collection) : pages.push(sitemap[curr].page);
+    return acc;
+  }, []);
+  return {
+    collections,
+    pages
+  };
+};
+const createPagesSubNav = (keyIndex, type, data) => {
+  var _a;
+  return (_a = keyIndex == null ? void 0 : keyIndex[type]) == null ? void 0 : _a.reduce((acc, curr) => {
+    var _a2;
+    if (curr && (curr == null ? void 0 : curr.name) && (data == null ? void 0 : data[curr.name])) {
+      return [
+        ...acc,
+        {
+          title: curr.name || curr.loc,
+          label: curr.label || curr.loc,
+          href: curr.loc,
+          icon: Inbox,
+          variant: "ghost",
+          children: (_a2 = data == null ? void 0 : data[curr == null ? void 0 : curr.name]) == null ? void 0 : _a2.map((child) => {
+            return {
+              title: child.title,
+              label: child.title,
+              icon: Inbox,
+              variant: "ghost",
+              href: (child == null ? void 0 : child.slug) || (curr == null ? void 0 : curr.loc)
+            };
+          })
+        }
+      ];
+    }
+    if (curr && (curr == null ? void 0 : curr.children)) {
+      return [
+        ...acc,
+        {
+          title: curr.name || curr.loc,
+          label: curr.label || curr.loc,
+          href: curr.loc,
+          icon: Inbox,
+          variant: "ghost",
+          children: curr.children.map((child) => {
+            return {
+              title: child.page.name || child.page.loc,
+              label: child.page.label || child.page.loc,
+              icon: Inbox,
+              variant: "ghost",
+              href: child.page.loc
+            };
+          })
+        }
+      ];
+    }
+    return [
+      ...acc,
+      {
+        title: curr.name,
+        label: curr.label,
+        icon: Inbox,
+        variant: "ghost",
+        href: curr.loc
+      }
+    ];
+  }, []);
+};
+export {
+  createKeyIndex,
+  createPagesSubNav
+};
+//# sourceMappingURL=build-nav.js.map

package/dist/components/dashboard/utils/build-nav.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../components/dashboard/utils/build-nav.ts"],"sourcesContent":["import { Inbox } from 'lucide-react'\n\nexport interface KeyIndex {\n  collections: []\n  pages: []\n}\n\nexport const createKeyIndex = (sitemap: any): KeyIndex => {\n  const keys = Object.keys(sitemap)\n  const collections: any = []\n  const pages: any = []\n  keys?.reduce((acc: any, curr: any) => {\n    sitemap[curr]?.collection\n      ? collections.push(sitemap[curr].collection)\n      : pages.push(sitemap[curr].page)\n    return acc\n  }, [])\n\n  return {\n    collections,\n    pages,\n  }\n}\n\nexport const createPagesSubNav = (\n  keyIndex: any,\n  type: 'pages' | 'collections',\n  data: any,\n) => {\n  return keyIndex?.[type]?.reduce((acc: any, curr: any) => {\n    if (curr && curr?.name && data?.[curr.name]) {\n      return [\n        ...acc,\n        {\n          title: curr.name || curr.loc,\n          label: curr.label || curr.loc,\n          href: curr.loc,\n          icon: Inbox,\n          variant: 'ghost',\n          children: data?.[curr?.name]?.map((child: any) => {\n            return {\n              title: child.title,\n              label: child.title,\n              icon: Inbox,\n              variant: 'ghost',\n              href: child?.slug || curr?.loc,\n            }\n          }),\n        },\n      ]\n    }\n    if (curr && curr?.children) {\n      return [\n        ...acc,\n        {\n          title: curr.name || curr.loc,\n          label: curr.label || curr.loc,\n          href: curr.loc,\n          icon: Inbox,\n          variant: 'ghost',\n          children: curr.children.map((child: any) => {\n            return {\n              title: child.page.name || child.page.loc,\n              label: child.page.label || child.page.loc,\n              icon: Inbox,\n              variant: 'ghost',\n              href: child.page.loc,\n            }\n          }),\n        },\n      ]\n    }\n    return [\n      ...acc,\n      {\n        title: curr.name,\n        label: curr.label,\n        icon: Inbox,\n        variant: 'ghost',\n        href: curr.loc,\n      },\n    ]\n  }, [])\n}\n"],"mappings":"AAAA,SAAS,aAAa;AAOf,MAAM,iBAAiB,CAAC,YAA2B;AACxD,QAAM,OAAO,OAAO,KAAK,OAAO;AAChC,QAAM,cAAmB,CAAC;AAC1B,QAAM,QAAa,CAAC;AACpB,+BAAM,OAAO,CAAC,KAAU,SAAc;AAXxC;AAYI,mBAAQ,IAAI,MAAZ,mBAAe,cACX,YAAY,KAAK,QAAQ,IAAI,EAAE,UAAU,IACzC,MAAM,KAAK,QAAQ,IAAI,EAAE,IAAI;AACjC,WAAO;AAAA,EACT,GAAG,CAAC;AAEJ,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;AAEO,MAAM,oBAAoB,CAC/B,UACA,MACA,SACG;AA5BL;AA6BE,UAAO,0CAAW,UAAX,mBAAkB,OAAO,CAAC,KAAU,SAAc;AA7B3D,QAAAA;AA8BI,QAAI,SAAQ,6BAAM,UAAQ,6BAAO,KAAK,QAAO;AAC3C,aAAO;AAAA,QACL,GAAG;AAAA,QACH;AAAA,UACE,OAAO,KAAK,QAAQ,KAAK;AAAA,UACzB,OAAO,KAAK,SAAS,KAAK;AAAA,UAC1B,MAAM,KAAK;AAAA,UACX,MAAM;AAAA,UACN,SAAS;AAAA,UACT,WAAUA,MAAA,6BAAO,6BAAM,UAAb,gBAAAA,IAAoB,IAAI,CAAC,UAAe;AAChD,mBAAO;AAAA,cACL,OAAO,MAAM;AAAA,cACb,OAAO,MAAM;AAAA,cACb,MAAM;AAAA,cACN,SAAS;AAAA,cACT,OAAM,+BAAO,UAAQ,6BAAM;AAAA,YAC7B;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AACA,QAAI,SAAQ,6BAAM,WAAU;AAC1B,aAAO;AAAA,QACL,GAAG;AAAA,QACH;AAAA,UACE,OAAO,KAAK,QAAQ,KAAK;AAAA,UACzB,OAAO,KAAK,SAAS,KAAK;AAAA,UAC1B,MAAM,KAAK;AAAA,UACX,MAAM;AAAA,UACN,SAAS;AAAA,UACT,UAAU,KAAK,SAAS,IAAI,CAAC,UAAe;AAC1C,mBAAO;AAAA,cACL,OAAO,MAAM,KAAK,QAAQ,MAAM,KAAK;AAAA,cACrC,OAAO,MAAM,KAAK,SAAS,MAAM,KAAK;AAAA,cACtC,MAAM;AAAA,cACN,SAAS;AAAA,cACT,MAAM,MAAM,KAAK;AAAA,YACnB;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AACA,WAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA,QACE,OAAO,KAAK;AAAA,QACZ,OAAO,KAAK;AAAA,QACZ,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM,KAAK;AAAA,MACb;AAAA,IACF;AAAA,EACF,GAAG,CAAC;AACN;","names":["_a"]}

package/dist/components/dashboard/utils.cjs

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=utils.cjs.map

package/dist/components/dashboard/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/dashboard/utils.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/dashboard/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../components/dashboard/utils.ts"],"names":[],"mappings":""}

package/dist/components/dashboard/utils.js

@@ -0,0 +1 @@
+//# sourceMappingURL=utils.js.map

package/dist/components/dashboard/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/dashboard/with-dashboard.cjs

@@ -0,0 +1,189 @@
+"use strict";
+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 __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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var with_dashboard_exports = {};
+__export(with_dashboard_exports, {
+  default: () => with_dashboard_default
+});
+module.exports = __toCommonJS(with_dashboard_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_tooltip = require("../ui/tooltip");
+var import_resizable = require("../ui/resizable");
+var import_utils = require("../../lib/utils");
+var import_site_header = require("../header/internal/site-header");
+var import_sidebar = require("./sidebar/sidebar");
+var import_next_client_cookies = require("next-client-cookies");
+const withDashboard = (Component) => {
+  const WrappedComponent = (_a) => {
+    var _b = _a, {
+      children
+    } = _b, props = __objRest(_b, [
+      "children"
+    ]);
+    const {
+      //@ts-ignore this line
+      data,
+      //@ts-ignore this line
+      user,
+      //@ts-ignore this line
+      signOut,
+      //@ts-ignore this line
+      theme,
+      //@ts-ignore this line
+      resolvedTheme,
+      //@ts-ignore this line
+      setTheme
+    } = props;
+    let cookies;
+    try {
+      cookies = (0, import_next_client_cookies.useCookies)();
+    } catch (error) {
+      cookies = {
+        get: (() => null),
+        set: () => {
+        },
+        remove: () => {
+        }
+      };
+    }
+    const [hasMounted, setHasMounted] = (0, import_react.useState)(false);
+    const [isCollapsed, setIsCollapsed] = (0, import_react.useState)(false);
+    const [layout, setLayout] = (0, import_react.useState)([50, 50]);
+    (0, import_react.useEffect)(() => {
+      try {
+        const defaultLayout = cookies.get("react-resizable-panels:layout");
+        const defaultCollapsed = cookies.get("react-resizable-panels:collapsed");
+        setIsCollapsed(defaultCollapsed === "true");
+        setLayout(defaultLayout ? JSON.parse(defaultLayout) : [50, 50]);
+      } catch (error) {
+        setLayout([50, 50]);
+      }
+      setHasMounted(true);
+    }, []);
+    const handleCollapse = () => {
+      if (!isCollapsed) {
+        setIsCollapsed(true);
+        try {
+          cookies.set("react-resizable-panels:collapsed", "true");
+        } catch (error) {
+        }
+      }
+    };
+    const handleExpand = () => {
+      if (isCollapsed) {
+        setIsCollapsed(false);
+        try {
+          cookies.set("react-resizable-panels:collapsed", "false");
+        } catch (error) {
+        }
+      }
+    };
+    const handleLayout = (sizes) => {
+      try {
+        cookies.set("react-resizable-panels:layout", JSON.stringify(sizes));
+      } catch (error) {
+      }
+    };
+    if (!hasMounted) {
+      return null;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_site_header.SiteHeader,
+        {
+          user,
+          cookies,
+          signOut,
+          theme,
+          resolvedTheme,
+          setTheme
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("main", { className: "h-screen flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_resizable.ResizablePanelGroup,
+        {
+          direction: "horizontal",
+          onLayout: handleLayout,
+          className: "h-full items-stretch",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_resizable.ResizablePanel,
+              {
+                className: (0, import_utils.cn)(
+                  isCollapsed && "min-w-[50px] transition-all duration-300 ease-in-out"
+                ),
+                collapsedSize: 5,
+                collapsible: true,
+                defaultSize: layout[0],
+                maxSize: 20,
+                minSize: 15,
+                onCollapse: handleCollapse,
+                onExpand: handleExpand,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_sidebar.Sidebar,
+                  __spreadValues({
+                    defaultLayout: layout,
+                    isCollapsed
+                  }, { data })
+                )
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_resizable.ResizableHandle, { withHandle: true }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_resizable.ResizablePanel, { defaultSize: layout[1], minSize: 30, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, __spreadProps(__spreadValues({}, props), { isCollapsed })),
+              children
+            ] })
+          ]
+        }
+      ) }) })
+    ] });
+  };
+  return WrappedComponent;
+};
+var with_dashboard_default = withDashboard;
+//# sourceMappingURL=with-dashboard.cjs.map

package/dist/components/dashboard/with-dashboard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/dashboard/with-dashboard.tsx"],"sourcesContent":["import React, { ElementType, ReactNode, useEffect, useState } from 'react'\nimport { TooltipProvider } from '../ui/tooltip'\nimport {\n  ResizableHandle,\n  ResizablePanel,\n  ResizablePanelGroup,\n} from '../ui/resizable'\nimport { cn } from '../../lib/utils'\nimport { SiteHeader } from '../header/internal/site-header'\nimport { Sidebar } from './sidebar/sidebar'\nimport { useCookies } from 'next-client-cookies'\n\nconst withDashboard = (Component: ElementType<any>) => {\n  const WrappedComponent = ({\n    children,\n    ...props\n  }: {\n    children: ReactNode\n  }) => {\n    //@ts-ignore this line\n    const {\n      //@ts-ignore this line\n      data,\n      //@ts-ignore this line\n      user,\n      //@ts-ignore this line\n      signOut,\n      //@ts-ignore this line\n      theme,\n      //@ts-ignore this line\n      resolvedTheme,\n      //@ts-ignore this line\n      setTheme,\n    } = props\n\n    let cookies: ReturnType<typeof useCookies>\n    try {\n      cookies = useCookies()\n    } catch (error) {\n      // Fallback if CookiesProvider is not available\n      cookies = {\n        get: (() => null) as any,\n        set: () => {},\n        remove: () => {},\n      } as ReturnType<typeof useCookies>\n    }\n\n    // State to track whether the component has mounted\n    const [hasMounted, setHasMounted] = useState(false)\n\n    // State for layout and collapsed status\n    const [isCollapsed, setIsCollapsed] = useState<boolean>(false)\n    const [layout, setLayout] = useState<number[]>([50, 50])\n\n    useEffect(() => {\n      // Set initial state based on cookies after the component has mounted\n      try {\n        const defaultLayout = cookies.get('react-resizable-panels:layout')\n        const defaultCollapsed = cookies.get('react-resizable-panels:collapsed')\n\n        setIsCollapsed(defaultCollapsed === 'true')\n        setLayout(defaultLayout ? JSON.parse(defaultLayout) : [50, 50])\n      } catch (error) {\n        // Use defaults if cookies are not available\n        setLayout([50, 50])\n      }\n\n      // Mark the component as mounted\n      setHasMounted(true)\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [])\n\n    const handleCollapse = () => {\n      if (!isCollapsed) {\n        setIsCollapsed(true)\n        try {\n          cookies.set('react-resizable-panels:collapsed', 'true')\n        } catch (error) {\n          // Ignore cookie errors\n        }\n      }\n    }\n\n    const handleExpand = () => {\n      if (isCollapsed) {\n        setIsCollapsed(false)\n        try {\n          cookies.set('react-resizable-panels:collapsed', 'false')\n        } catch (error) {\n          // Ignore cookie errors\n        }\n      }\n    }\n\n    const handleLayout = (sizes: number[]) => {\n      try {\n        cookies.set('react-resizable-panels:layout', JSON.stringify(sizes))\n      } catch (error) {\n        // Ignore cookie errors\n      }\n    }\n\n    // Avoid rendering the component until it has mounted\n    if (!hasMounted) {\n      return null\n    }\n\n    return (\n      <>\n        <SiteHeader\n          user={user}\n          cookies={cookies}\n          signOut={signOut}\n          theme={theme}\n          resolvedTheme={resolvedTheme}\n          setTheme={setTheme}\n        />\n        <main className=\"h-screen flex-1\">\n          <TooltipProvider delayDuration={0}>\n            <ResizablePanelGroup\n              direction=\"horizontal\"\n              onLayout={handleLayout}\n              className=\"h-full items-stretch\"\n            >\n              <ResizablePanel\n                className={cn(\n                  isCollapsed &&\n                    'min-w-[50px] transition-all duration-300 ease-in-out',\n                )}\n                collapsedSize={5}\n                collapsible={true}\n                defaultSize={layout[0]}\n                maxSize={20}\n                minSize={15}\n                onCollapse={handleCollapse}\n                onExpand={handleExpand}\n              >\n                <Sidebar\n                  defaultLayout={layout}\n                  isCollapsed={isCollapsed}\n                  {...({ data } as any)}\n                />\n              </ResizablePanel>\n              <ResizableHandle withHandle />\n              <ResizablePanel defaultSize={layout[1]} minSize={30}>\n                <Component {...props} isCollapsed={isCollapsed} />\n                {children}\n              </ResizablePanel>\n            </ResizablePanelGroup>\n          </TooltipProvider>\n        </main>\n      </>\n    )\n  }\n\n  return WrappedComponent\n}\n\nexport default withDashboard\n"],"mappings":"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","names":[]}

package/dist/components/dashboard/with-dashboard.d.ts

@@ -0,0 +1,6 @@
+import { ElementType, ReactNode } from 'react';
+declare const withDashboard: (Component: ElementType<any>) => ({ children, ...props }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export default withDashboard;
+//# sourceMappingURL=with-dashboard.d.ts.map

package/dist/components/dashboard/with-dashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-dashboard.d.ts","sourceRoot":"","sources":["../../../components/dashboard/with-dashboard.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,WAAW,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAA;AAY1E,QAAA,MAAM,aAAa,cAAe,WAAW,CAAC,GAAG,CAAC,8BAI7C;IACD,QAAQ,EAAE,SAAS,CAAA;CACpB,mDA0IF,CAAA;AAED,eAAe,aAAa,CAAA"}