@tulip-systems/core 0.4.0 → 0.5.0

package/dist/components/layouts/tab-layout.d.mts

@@ -0,0 +1,23 @@
+import { Permission } from "../../modules/auth/lib/permissions.mjs";
+import * as react_jsx_runtime88 from "react/jsx-runtime";
+import { Route } from "next";
+
+//#region src/components/layouts/tab-layout.d.ts
+type Tab = {
+  name: string;
+  href: Route;
+  segment: string;
+  icon?: React.ReactNode;
+  permission?: Permission;
+};
+type TabLayoutProps = {
+  tabs: Tab[];
+  children: React.ReactNode;
+};
+declare function TabLayout({
+  tabs,
+  children
+}: TabLayoutProps): react_jsx_runtime88.JSX.Element;
+//#endregion
+export { Tab, TabLayout, TabLayoutProps };
+//# sourceMappingURL=tab-layout.d.mts.map

package/dist/components/layouts/tab-layout.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-layout.d.mts","names":[],"sources":["../../../src/components/layouts/tab-layout.tsx"],"sourcesContent":[],"mappings":";;;;;KAUY,GAAA;;QAEJ;EAFI,OAAG,EAAA,MAAA;EAEP,IAAA,CAAA,EAEC,KAAA,CAAM,SAFP;EAEC,UAAM,CAAA,EACA,UADA;CACA;AAAU,KAGb,cAAA,GAHa;EAGb,IAAA,EACJ,GADI,EAAA;EAKI,QAAA,EAHJ,KAAA,CAAM,SAGO;CAAG;AAAM,iBAAlB,SAAA,CAAkB;EAAA,IAAA;EAAA;AAAA,CAAA,EAAY,cAAZ,CAAA,EAA0B,mBAAA,CAAA,GAAA,CAAA,OAA1B"}

package/dist/components/layouts/tab-layout.mjs

@@ -0,0 +1,51 @@
+"use client";
+
+import { ListLayout } from "./list-layout.mjs";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs.mjs";
+import { Allowed } from "../../modules/auth/components/allowed.client.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useRouter, useSelectedLayoutSegment } from "next/navigation";
+
+//#region src/components/layouts/tab-layout.tsx
+function TabLayout({ tabs, children }) {
+	const segment = useSelectedLayoutSegment();
+	const router = useRouter();
+	const [selectedTab, setSelectedTab] = useState(tabs.find((tab) => tab.segment === segment) ?? tabs[0]);
+	return /* @__PURE__ */ jsxs(Tabs, {
+		value: selectedTab?.segment,
+		onValueChange: (value) => {
+			const newSelectedTab = tabs.find((tab) => tab.segment === value);
+			if (!newSelectedTab) return;
+			setSelectedTab(newSelectedTab);
+			router.replace(newSelectedTab.href);
+		},
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "mb-10 max-w-full overflow-x-auto",
+			children: /* @__PURE__ */ jsx(TabsList, { children: tabs.map((tab) => {
+				const children$1 = /* @__PURE__ */ jsxs(TabsTrigger, {
+					value: tab.segment,
+					children: [tab.icon && /* @__PURE__ */ jsx("span", {
+						className: "mr-2",
+						children: tab.icon
+					}), /* @__PURE__ */ jsx("span", {
+						className: "capitalize",
+						children: tab.name
+					})]
+				}, tab.segment);
+				if (!tab.permission) return children$1;
+				return /* @__PURE__ */ jsx(Allowed, {
+					permission: tab.permission,
+					children: children$1
+				}, tab.segment);
+			}) })
+		}), /* @__PURE__ */ jsx(TabsContent, {
+			value: selectedTab?.segment ?? "",
+			children: /* @__PURE__ */ jsx(ListLayout, { children })
+		})]
+	});
+}
+
+//#endregion
+export { TabLayout };
+//# sourceMappingURL=tab-layout.mjs.map

package/dist/components/layouts/tab-layout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-layout.mjs","names":["children"],"sources":["../../../src/components/layouts/tab-layout.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"@/components/ui/tabs\";\nimport { Allowed } from \"@/modules/auth/components/allowed.client\";\nimport { Permission } from \"@/modules/auth/lib/permissions\";\nimport type { Route } from \"next\";\nimport { useRouter, useSelectedLayoutSegment } from \"next/navigation\";\nimport { useState } from \"react\";\nimport { ListLayout } from \"./list-layout\";\n\nexport type Tab = {\n  name: string;\n  href: Route;\n  segment: string;\n  icon?: React.ReactNode;\n  permission?: Permission;\n};\n\nexport type TabLayoutProps = {\n  tabs: Tab[];\n  children: React.ReactNode;\n};\n\nexport function TabLayout({ tabs, children }: TabLayoutProps) {\n  const segment = useSelectedLayoutSegment();\n  const router = useRouter();\n\n  const initialTab = tabs.find((tab) => tab.segment === segment);\n\n  const [selectedTab, setSelectedTab] = useState(initialTab ?? tabs[0]);\n\n  return (\n    <Tabs\n      value={selectedTab?.segment}\n      onValueChange={(value) => {\n        const newSelectedTab = tabs.find((tab) => tab.segment === value);\n        if (!newSelectedTab) return;\n        setSelectedTab(newSelectedTab);\n        router.replace(newSelectedTab.href);\n      }}\n    >\n      <div className=\"mb-10 max-w-full overflow-x-auto\">\n        <TabsList>\n          {tabs.map((tab) => {\n            const children = (\n              <TabsTrigger key={tab.segment} value={tab.segment}>\n                {tab.icon && <span className=\"mr-2\">{tab.icon}</span>}\n                <span className=\"capitalize\">{tab.name}</span>\n              </TabsTrigger>\n            );\n\n            if (!tab.permission) return children;\n\n            return (\n              <Allowed key={tab.segment} permission={tab.permission}>\n                {children}\n              </Allowed>\n            );\n          })}\n        </TabsList>\n      </div>\n\n      <TabsContent value={selectedTab?.segment ?? \"\"}>\n        <ListLayout>{children}</ListLayout>\n      </TabsContent>\n    </Tabs>\n  );\n}\n"],"mappings":";;;;;;;;;;AAuBA,SAAgB,UAAU,EAAE,MAAM,YAA4B;CAC5D,MAAM,UAAU,0BAA0B;CAC1C,MAAM,SAAS,WAAW;CAI1B,MAAM,CAAC,aAAa,kBAAkB,SAFnB,KAAK,MAAM,QAAQ,IAAI,YAAY,QAAQ,IAED,KAAK,GAAG;AAErE,QACE,qBAAC;EACC,OAAO,aAAa;EACpB,gBAAgB,UAAU;GACxB,MAAM,iBAAiB,KAAK,MAAM,QAAQ,IAAI,YAAY,MAAM;AAChE,OAAI,CAAC,eAAgB;AACrB,kBAAe,eAAe;AAC9B,UAAO,QAAQ,eAAe,KAAK;;aAGrC,oBAAC;GAAI,WAAU;aACb,oBAAC,sBACE,KAAK,KAAK,QAAQ;IACjB,MAAMA,aACJ,qBAAC;KAA8B,OAAO,IAAI;gBACvC,IAAI,QAAQ,oBAAC;MAAK,WAAU;gBAAQ,IAAI;OAAY,EACrD,oBAAC;MAAK,WAAU;gBAAc,IAAI;OAAY;OAF9B,IAAI,QAGR;AAGhB,QAAI,CAAC,IAAI,WAAY,QAAOA;AAE5B,WACE,oBAAC;KAA0B,YAAY,IAAI;eACxCA;OADW,IAAI,QAER;KAEZ,GACO;IACP,EAEN,oBAAC;GAAY,OAAO,aAAa,WAAW;aAC1C,oBAAC,cAAY,WAAsB;IACvB;GACT"}

package/dist/components/lists/data-list.d.mts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime89 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/components/lists/data-list.d.ts
+type DataListProps = React.HTMLAttributes<HTMLOListElement>;
+declare function DataList({
+  children,
+  className,
+  ...props
+}: DataListProps): react_jsx_runtime89.JSX.Element;
+type DataListItemProps = React.HTMLAttributes<HTMLElement>;
+declare function DataListItem({
+  children,
+  className,
+  ...props
+}: DataListItemProps): react_jsx_runtime89.JSX.Element;
+type DataListTitleProps = React.HTMLAttributes<HTMLElement>;
+declare function DataListTitle({
+  children,
+  className,
+  ...props
+}: DataListTitleProps): react_jsx_runtime89.JSX.Element;
+type DataListValueProps = React.HTMLAttributes<HTMLElement>;
+declare function DataListValue({
+  children,
+  className,
+  ...props
+}: DataListValueProps): react_jsx_runtime89.JSX.Element;
+//#endregion
+export { DataList, DataListItem, DataListItemProps, DataListProps, DataListTitle, DataListTitleProps, DataListValue, DataListValueProps };
+//# sourceMappingURL=data-list.d.mts.map

package/dist/components/lists/data-list.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list.d.mts","names":[],"sources":["../../../src/components/lists/data-list.tsx"],"sourcesContent":[],"mappings":";;;;KAGY,aAAA,GAAgB,KAAA,CAAM,eAAe;iBAEjC,QAAA;;;;GAA4C,gBAAa,mBAAA,CAAA,GAAA,CAAA;KAQ7D,iBAAA,GAAoB,KAAA,CAAM,eAAe;AAVzC,iBAYI,YAAA,CAZiC;EAAA,QAAA;EAAA,SAAf;EAAA,GAAA;AAAc,CAAd,EAY8B,iBAZhB,CAAA,EAYiC,mBAAA,CAAA,GAAA,CAAA,OAZjC;AAEhC,KAwBJ,kBAAA,GAAqB,KAAA,CAAM,cAxBf,CAwB8B,WAxB9B,CAAA;AAAG,iBA0BX,aAAA,CA1BW;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0BsC,kBA1BtC,CAAA,EA0BwD,mBAAA,CAAA,GAAA,CAAA,OA1BxD;AAAU,KAkCzB,kBAAA,GAAqB,KAAA,CAAM,cAlCF,CAkCiB,WAlCjB,CAAA;AAAuB,iBAoC5C,aAAA,CApC4C;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAoCK,kBApCL,CAAA,EAoCuB,mBAAA,CAAA,GAAA,CAAA,OApCvB"}

package/dist/components/lists/data-list.mjs

@@ -0,0 +1,36 @@
+import { cn } from "../../lib/utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/lists/data-list.tsx
+function DataList({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("dl", {
+		...props,
+		className: cn("divide-y", className),
+		children
+	});
+}
+function DataListItem({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: cn("items-center py-3 first:pt-0 last:pb-0 sm:grid sm:grid-cols-3 sm:gap-4", className),
+		children
+	});
+}
+function DataListTitle({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("dt", {
+		...props,
+		className: cn("text-sm font-semibold leading-6", className),
+		children
+	});
+}
+function DataListValue({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("dd", {
+		...props,
+		className: cn("mt-1 text-sm leading-6 sm:col-span-2 sm:mt-0", className),
+		children
+	});
+}
+
+//#endregion
+export { DataList, DataListItem, DataListTitle, DataListValue };
+//# sourceMappingURL=data-list.mjs.map

package/dist/components/lists/data-list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list.mjs","names":[],"sources":["../../../src/components/lists/data-list.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils/cn\";\nimport type React from \"react\";\n\nexport type DataListProps = React.HTMLAttributes<HTMLOListElement>;\n\nexport function DataList({ children, className, ...props }: DataListProps) {\n  return (\n    <dl {...props} className={cn(\"divide-y\", className)}>\n      {children}\n    </dl>\n  );\n}\n\nexport type DataListItemProps = React.HTMLAttributes<HTMLElement>;\n\nexport function DataListItem({ children, className, ...props }: DataListItemProps) {\n  return (\n    <div\n      {...props}\n      className={cn(\n        \"items-center py-3 first:pt-0 last:pb-0 sm:grid sm:grid-cols-3 sm:gap-4\",\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport type DataListTitleProps = React.HTMLAttributes<HTMLElement>;\n\nexport function DataListTitle({ children, className, ...props }: DataListTitleProps) {\n  return (\n    <dt {...props} className={cn(\"text-sm font-semibold leading-6\", className)}>\n      {children}\n    </dt>\n  );\n}\n\nexport type DataListValueProps = React.HTMLAttributes<HTMLElement>;\n\nexport function DataListValue({ children, className, ...props }: DataListValueProps) {\n  return (\n    <dd {...props} className={cn(\"mt-1 text-sm leading-6 sm:col-span-2 sm:mt-0\", className)}>\n      {children}\n    </dd>\n  );\n}\n"],"mappings":";;;;AAKA,SAAgB,SAAS,EAAE,UAAU,WAAW,GAAG,SAAwB;AACzE,QACE,oBAAC;EAAG,GAAI;EAAO,WAAW,GAAG,YAAY,UAAU;EAChD;GACE;;AAMT,SAAgB,aAAa,EAAE,UAAU,WAAW,GAAG,SAA4B;AACjF,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GACT,0EACA,UACD;EAEA;GACG;;AAMV,SAAgB,cAAc,EAAE,UAAU,WAAW,GAAG,SAA6B;AACnF,QACE,oBAAC;EAAG,GAAI;EAAO,WAAW,GAAG,mCAAmC,UAAU;EACvE;GACE;;AAMT,SAAgB,cAAc,EAAE,UAAU,WAAW,GAAG,SAA6B;AACnF,QACE,oBAAC;EAAG,GAAI;EAAO,WAAW,GAAG,gDAAgD,UAAU;EACpF;GACE"}

package/dist/components/lists/data-stack.d.mts

@@ -0,0 +1,49 @@
+import * as react_jsx_runtime93 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/components/lists/data-stack.d.ts
+type DataStackGridProps = React.HTMLAttributes<HTMLElement>;
+declare function DataStackGrid({
+  children,
+  className,
+  ...props
+}: DataStackGridProps): react_jsx_runtime93.JSX.Element;
+type DataStackLayoutProps = React.HTMLAttributes<HTMLElement>;
+declare function DataStackLayout({
+  children,
+  className,
+  ...props
+}: DataStackLayoutProps): react_jsx_runtime93.JSX.Element;
+type DataStackRowProps = React.HTMLAttributes<HTMLElement>;
+declare function DataStackRow({
+  children,
+  className,
+  ...props
+}: DataStackRowProps): react_jsx_runtime93.JSX.Element;
+type DataStackColumnProps = React.HTMLAttributes<HTMLElement>;
+declare function DataStackColumn({
+  children,
+  className,
+  ...props
+}: DataStackRowProps): react_jsx_runtime93.JSX.Element;
+type DataStackProps = React.HTMLAttributes<HTMLOListElement>;
+declare function DataStack({
+  children,
+  className,
+  ...props
+}: DataStackProps): react_jsx_runtime93.JSX.Element;
+type DataStackTitleProps = React.HTMLAttributes<HTMLElement>;
+declare function DataStackTitle({
+  children,
+  className,
+  ...props
+}: DataStackTitleProps): react_jsx_runtime93.JSX.Element;
+type DataStackValueProps = React.HTMLAttributes<HTMLElement>;
+declare function DataStackValue({
+  children,
+  className,
+  ...props
+}: DataStackValueProps): react_jsx_runtime93.JSX.Element;
+//#endregion
+export { DataStack, DataStackColumn, DataStackColumnProps, DataStackGrid, DataStackGridProps, DataStackLayout, DataStackLayoutProps, DataStackProps, DataStackRow, DataStackRowProps, DataStackTitle, DataStackTitleProps, DataStackValue, DataStackValueProps };
+//# sourceMappingURL=data-stack.d.mts.map

package/dist/components/lists/data-stack.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-stack.d.mts","names":[],"sources":["../../../src/components/lists/data-stack.tsx"],"sourcesContent":[],"mappings":";;;;KAGY,kBAAA,GAAqB,KAAA,CAAM,eAAe;iBAEtC,aAAA;;;;GAAiD,qBAAkB,mBAAA,CAAA,GAAA,CAAA;KAQvE,oBAAA,GAAuB,KAAA,CAAM,eAAe;AAV5C,iBAYI,eAAA,CAZsC;EAAA,QAAA;EAArB,SAAM;EAAA,GAAA;AAAc,CAAA,EAYc,oBAZd,CAAA,EAYkC,mBAAA,CAAA,GAAA,CAAA,OAZlC;AAErC,KAkBJ,iBAAA,GAAoB,KAAA,CAAM,cAlBT,CAkBwB,WAlBxB,CAAA;AAAG,iBAoBhB,YAAA,CApBgB;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAoBgC,iBApBhC,CAAA,EAoBiD,mBAAA,CAAA,GAAA,CAAA,OApBjD;AAAU,KA2B9B,oBAAA,GAAuB,KAAA,CAAM,cA3BC,CA2Bc,WA3Bd,CAAA;AAAuB,iBA6BjD,eAAA,CA7BiD;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6BE,iBA7BF,CAAA,EA6BmB,mBAAA,CAAA,GAAA,CAAA,OA7BnB;AAAkB,KAqCvE,cAAA,GAAiB,KAAA,CAAM,cArCgD,CAqCjC,gBArCiC,CAAA;AAAA,iBAuCnE,SAAA,CAvCmE;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAuCtB,cAvCsB,CAAA,EAuCR,mBAAA,CAAA,GAAA,CAAA,OAvCQ;AAQvE,KAuCA,mBAAA,GAAsB,KAAA,CAAM,cAvCL,CAuCoB,WAvCd,CAAA;AAEzB,iBAuCA,cAAA,CAvCe;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAuCmC,mBAvCnC,CAAA,EAuCsD,mBAAA,CAAA,GAAA,CAAA,OAvCtD;AAAG,KA+CtB,mBAAA,GAAsB,KAAA,CAAM,cA/CN,CA+CqB,WA/CrB,CAAA;AAAU,iBAiD5B,cAAA,CAjD4B;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiDsB,mBAjDtB,CAAA,EAiDyC,mBAAA,CAAA,GAAA,CAAA,OAjDzC"}

package/dist/components/lists/data-stack.mjs

@@ -0,0 +1,57 @@
+import { cn } from "../../lib/utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/lists/data-stack.tsx
+function DataStackGrid({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: cn("grid gap-10 md:grid-cols-2 xl:grid-cols-3", className),
+		children
+	});
+}
+function DataStackLayout({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: cn("flex flex-col gap-y-8", className),
+		children
+	});
+}
+function DataStackRow({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: cn("flex flex-col gap-8 md:flex-row", className),
+		children
+	});
+}
+function DataStackColumn({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: cn("flex flex-col gap-8", className),
+		children
+	});
+}
+function DataStack({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("dl", {
+		...props,
+		className: cn("w-full space-y-3", className),
+		children
+	});
+}
+function DataStackTitle({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("dt", {
+		...props,
+		className: cn("text-sm font-medium leading-none", className),
+		children
+	});
+}
+function DataStackValue({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("dd", {
+		...props,
+		className: cn("mt-1 text-sm leading-6 sm:col-span-2 sm:mt-0", className),
+		children
+	});
+}
+
+//#endregion
+export { DataStack, DataStackColumn, DataStackGrid, DataStackLayout, DataStackRow, DataStackTitle, DataStackValue };
+//# sourceMappingURL=data-stack.mjs.map

package/dist/components/lists/data-stack.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-stack.mjs","names":[],"sources":["../../../src/components/lists/data-stack.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils/cn\";\nimport type React from \"react\";\n\nexport type DataStackGridProps = React.HTMLAttributes<HTMLElement>;\n\nexport function DataStackGrid({ children, className, ...props }: DataStackGridProps) {\n  return (\n    <div {...props} className={cn(\"grid gap-10 md:grid-cols-2 xl:grid-cols-3\", className)}>\n      {children}\n    </div>\n  );\n}\n\nexport type DataStackLayoutProps = React.HTMLAttributes<HTMLElement>;\n\nexport function DataStackLayout({ children, className, ...props }: DataStackLayoutProps) {\n  return (\n    <div {...props} className={cn(\"flex flex-col gap-y-8\", className)}>\n      {children}\n    </div>\n  );\n}\n\nexport type DataStackRowProps = React.HTMLAttributes<HTMLElement>;\n\nexport function DataStackRow({ children, className, ...props }: DataStackRowProps) {\n  return (\n    <div {...props} className={cn(\"flex flex-col gap-8 md:flex-row\", className)}>\n      {children}\n    </div>\n  );\n}\nexport type DataStackColumnProps = React.HTMLAttributes<HTMLElement>;\n\nexport function DataStackColumn({ children, className, ...props }: DataStackRowProps) {\n  return (\n    <div {...props} className={cn(\"flex flex-col gap-8\", className)}>\n      {children}\n    </div>\n  );\n}\n\nexport type DataStackProps = React.HTMLAttributes<HTMLOListElement>;\n\nexport function DataStack({ children, className, ...props }: DataStackProps) {\n  return (\n    <dl {...props} className={cn(\"w-full space-y-3\", className)}>\n      {children}\n    </dl>\n  );\n}\n\nexport type DataStackTitleProps = React.HTMLAttributes<HTMLElement>;\n\nexport function DataStackTitle({ children, className, ...props }: DataStackTitleProps) {\n  return (\n    <dt {...props} className={cn(\"text-sm font-medium leading-none\", className)}>\n      {children}\n    </dt>\n  );\n}\n\nexport type DataStackValueProps = React.HTMLAttributes<HTMLElement>;\n\nexport function DataStackValue({ children, className, ...props }: DataStackValueProps) {\n  return (\n    <dd {...props} className={cn(\"mt-1 text-sm leading-6 sm:col-span-2 sm:mt-0\", className)}>\n      {children}\n    </dd>\n  );\n}\n"],"mappings":";;;;AAKA,SAAgB,cAAc,EAAE,UAAU,WAAW,GAAG,SAA6B;AACnF,QACE,oBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,6CAA6C,UAAU;EAClF;GACG;;AAMV,SAAgB,gBAAgB,EAAE,UAAU,WAAW,GAAG,SAA+B;AACvF,QACE,oBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,yBAAyB,UAAU;EAC9D;GACG;;AAMV,SAAgB,aAAa,EAAE,UAAU,WAAW,GAAG,SAA4B;AACjF,QACE,oBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,mCAAmC,UAAU;EACxE;GACG;;AAKV,SAAgB,gBAAgB,EAAE,UAAU,WAAW,GAAG,SAA4B;AACpF,QACE,oBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,uBAAuB,UAAU;EAC5D;GACG;;AAMV,SAAgB,UAAU,EAAE,UAAU,WAAW,GAAG,SAAyB;AAC3E,QACE,oBAAC;EAAG,GAAI;EAAO,WAAW,GAAG,oBAAoB,UAAU;EACxD;GACE;;AAMT,SAAgB,eAAe,EAAE,UAAU,WAAW,GAAG,SAA8B;AACrF,QACE,oBAAC;EAAG,GAAI;EAAO,WAAW,GAAG,oCAAoC,UAAU;EACxE;GACE;;AAMT,SAAgB,eAAe,EAAE,UAAU,WAAW,GAAG,SAA8B;AACrF,QACE,oBAAC;EAAG,GAAI;EAAO,WAAW,GAAG,gDAAgD,UAAU;EACpF;GACE"}

package/dist/components/navigation/admin-sidebar-header.client.mjs

@@ -0,0 +1,92 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { Button } from "../ui/button.mjs";
+import { authClient } from "../../modules/auth/handler/client.client.mjs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "../ui/dropdown-menu.mjs";
+import { useSession } from "../../modules/auth/hooks/use-session.mjs";
+import { SidebarHeader, useSidebar } from "../ui/sidebar.client.mjs";
+import { Avatar, AvatarFallback, AvatarImage } from "../ui/avatar.client.mjs";
+import { ChevronsUpDownIcon, LaptopIcon, LogOutIcon, MoonIcon, SettingsIcon, SunIcon, SunMoonIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { useTheme } from "next-themes";
+
+//#region src/components/navigation/admin-sidebar-header.client.tsx
+function AdminSidebarHeader() {
+	const router = useRouter();
+	const { theme, setTheme } = useTheme();
+	const [open, setOpen] = React.useState(false);
+	const { setOpenMobile } = useSidebar();
+	const sessionQuery = useSession();
+	return /* @__PURE__ */ jsx(SidebarHeader, { children: /* @__PURE__ */ jsxs(DropdownMenu, {
+		open,
+		onOpenChange: setOpen,
+		children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(Button, {
+				variant: "outline",
+				className: "items-center justify-between py-3.5",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-4",
+					children: [/* @__PURE__ */ jsxs(Avatar, {
+						className: "h-6 w-6 text-sm",
+						children: [/* @__PURE__ */ jsx(AvatarImage, {
+							src: sessionQuery.data?.user.image ?? void 0,
+							alt: sessionQuery.data?.user.name
+						}), /* @__PURE__ */ jsx(AvatarFallback, { children: sessionQuery.data?.user.name?.[0] ?? "" })]
+					}), /* @__PURE__ */ jsx("span", {
+						className: "text-md text-muted-foreground font-bold",
+						children: sessionQuery.data?.user.name
+					})]
+				}), /* @__PURE__ */ jsx(ChevronsUpDownIcon, { className: "text-muted-foreground h-4 w-4" })]
+			})
+		}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+			className: "w-44",
+			children: [
+				/* @__PURE__ */ jsx(DropdownMenuItem, {
+					asChild: true,
+					children: /* @__PURE__ */ jsxs(Link, {
+						href: "/admin/settings",
+						onClick: () => setOpenMobile(false),
+						children: [/* @__PURE__ */ jsx(SettingsIcon, { className: "mr-2 h-4 w-4" }), /* @__PURE__ */ jsx("span", { children: "Instellingen" })]
+					})
+				}),
+				/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+				/* @__PURE__ */ jsxs(DropdownMenuSub, { children: [/* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { children: [/* @__PURE__ */ jsx(SunMoonIcon, { className: "mr-2 h-4 w-4" }), /* @__PURE__ */ jsx("span", { children: "Thema" })] }), /* @__PURE__ */ jsxs(DropdownMenuSubContent, { children: [
+					/* @__PURE__ */ jsxs(DropdownMenuItem, {
+						className: cn(theme === "light" && "bg-secondary font-bold"),
+						onClick: () => setTheme("light"),
+						children: [/* @__PURE__ */ jsx(SunIcon, { className: "mr-2 h-4 w-4" }), /* @__PURE__ */ jsx("span", { children: "Light" })]
+					}),
+					/* @__PURE__ */ jsxs(DropdownMenuItem, {
+						className: cn(theme === "dark" && "bg-secondary font-bold"),
+						onClick: () => setTheme("dark"),
+						children: [/* @__PURE__ */ jsx(MoonIcon, { className: "mr-2 h-4 w-4" }), /* @__PURE__ */ jsx("span", { children: "Dark" })]
+					}),
+					/* @__PURE__ */ jsxs(DropdownMenuItem, {
+						className: cn(theme === "system" && "bg-secondary font-bold"),
+						onClick: () => setTheme("system"),
+						children: [/* @__PURE__ */ jsx(LaptopIcon, { className: "mr-2 h-4 w-4" }), /* @__PURE__ */ jsx("span", { children: "System" })]
+					})
+				] })] }),
+				/* @__PURE__ */ jsxs(DropdownMenuItem, {
+					onClick: () => {
+						setOpenMobile(false);
+						setOpen(false);
+						authClient.signOut({ fetchOptions: { onSuccess: () => {
+							router.replace("/auth/login");
+						} } });
+					},
+					children: [/* @__PURE__ */ jsx(LogOutIcon, { className: "mr-2 h-4 w-4" }), /* @__PURE__ */ jsx("span", { children: "Log out" })]
+				})
+			]
+		})]
+	}) });
+}
+
+//#endregion
+export { AdminSidebarHeader };
+//# sourceMappingURL=admin-sidebar-header.client.mjs.map

package/dist/components/navigation/admin-sidebar-header.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-sidebar-header.client.mjs","names":[],"sources":["../../../src/components/navigation/admin-sidebar-header.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Avatar, AvatarFallback, AvatarImage } from \"@/components/ui/avatar.client\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { authClient } from \"@/modules/auth/handler/client.client\";\nimport { useSession } from \"@/modules/auth/hooks/use-session\";\nimport {\n  ChevronsUpDownIcon,\n  LaptopIcon,\n  LogOutIcon,\n  MoonIcon,\n  SettingsIcon,\n  SunIcon,\n  SunMoonIcon,\n} from \"lucide-react\";\nimport { useTheme } from \"next-themes\";\nimport Link from \"next/link\";\nimport { useRouter } from \"next/navigation\";\nimport React from \"react\";\nimport { SidebarHeader, useSidebar } from \"../ui/sidebar.client\";\n\nexport function AdminSidebarHeader() {\n  const router = useRouter();\n  const { theme, setTheme } = useTheme();\n\n  const [open, setOpen] = React.useState(false);\n\n  const { setOpenMobile } = useSidebar();\n\n  const sessionQuery = useSession();\n\n  return (\n    <SidebarHeader>\n      <DropdownMenu open={open} onOpenChange={setOpen}>\n        <DropdownMenuTrigger asChild>\n          <Button variant=\"outline\" className=\"items-center justify-between py-3.5\">\n            <div className=\"flex items-center gap-4\">\n              <Avatar className=\"h-6 w-6 text-sm\">\n                <AvatarImage\n                  src={sessionQuery.data?.user.image ?? undefined}\n                  alt={sessionQuery.data?.user.name}\n                />\n                <AvatarFallback>{sessionQuery.data?.user.name?.[0] ?? \"\"}</AvatarFallback>\n              </Avatar>\n              <span className=\"text-md text-muted-foreground font-bold\">\n                {sessionQuery.data?.user.name}\n              </span>\n            </div>\n\n            <ChevronsUpDownIcon className=\"text-muted-foreground h-4 w-4\" />\n          </Button>\n        </DropdownMenuTrigger>\n\n        <DropdownMenuContent className=\"w-44\">\n          <DropdownMenuItem asChild>\n            <Link href=\"/admin/settings\" onClick={() => setOpenMobile(false)}>\n              <SettingsIcon className=\"mr-2 h-4 w-4\" />\n              <span>Instellingen</span>\n            </Link>\n          </DropdownMenuItem>\n\n          <DropdownMenuSeparator />\n\n          <DropdownMenuSub>\n            <DropdownMenuSubTrigger>\n              <SunMoonIcon className=\"mr-2 h-4 w-4\" />\n              <span>Thema</span>\n            </DropdownMenuSubTrigger>\n\n            <DropdownMenuSubContent>\n              <DropdownMenuItem\n                className={cn(theme === \"light\" && \"bg-secondary font-bold\")}\n                onClick={() => setTheme(\"light\")}\n              >\n                <SunIcon className=\"mr-2 h-4 w-4\" />\n                <span>Light</span>\n              </DropdownMenuItem>\n\n              <DropdownMenuItem\n                className={cn(theme === \"dark\" && \"bg-secondary font-bold\")}\n                onClick={() => setTheme(\"dark\")}\n              >\n                <MoonIcon className=\"mr-2 h-4 w-4\" />\n                <span>Dark</span>\n              </DropdownMenuItem>\n\n              <DropdownMenuItem\n                className={cn(theme === \"system\" && \"bg-secondary font-bold\")}\n                onClick={() => setTheme(\"system\")}\n              >\n                <LaptopIcon className=\"mr-2 h-4 w-4\" />\n                <span>System</span>\n              </DropdownMenuItem>\n            </DropdownMenuSubContent>\n          </DropdownMenuSub>\n\n          {/* \n          <DropdownMenuItem\n            onClick={() => {\n              setOpenMobile(false);\n              setOpen(false);\n              authClient.passkey.addPasskey({\n                fetchOptions: {\n                  onSuccess: () => {\n                    toast.success(\"Passkey succesvol toegevoegd\");\n                  },\n                },\n              });\n            }}\n          >\n            <Icons.add className=\"mr-2 h-4 w-4\" />\n            <span>Passkey</span>\n          </DropdownMenuItem> */}\n\n          <DropdownMenuItem\n            onClick={() => {\n              setOpenMobile(false);\n              setOpen(false);\n\n              authClient.signOut({\n                fetchOptions: {\n                  onSuccess: () => {\n                    router.replace(\"/auth/login\");\n                  },\n                },\n              });\n            }}\n          >\n            <LogOutIcon className=\"mr-2 h-4 w-4\" />\n            <span>Log out</span>\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </SidebarHeader>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAgCA,SAAgB,qBAAqB;CACnC,MAAM,SAAS,WAAW;CAC1B,MAAM,EAAE,OAAO,aAAa,UAAU;CAEtC,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,MAAM;CAE7C,MAAM,EAAE,kBAAkB,YAAY;CAEtC,MAAM,eAAe,YAAY;AAEjC,QACE,oBAAC,2BACC,qBAAC;EAAmB;EAAM,cAAc;aACtC,oBAAC;GAAoB;aACnB,qBAAC;IAAO,SAAQ;IAAU,WAAU;eAClC,qBAAC;KAAI,WAAU;gBACb,qBAAC;MAAO,WAAU;iBAChB,oBAAC;OACC,KAAK,aAAa,MAAM,KAAK,SAAS;OACtC,KAAK,aAAa,MAAM,KAAK;QAC7B,EACF,oBAAC,4BAAgB,aAAa,MAAM,KAAK,OAAO,MAAM,KAAoB;OACnE,EACT,oBAAC;MAAK,WAAU;gBACb,aAAa,MAAM,KAAK;OACpB;MACH,EAEN,oBAAC,sBAAmB,WAAU,kCAAkC;KACzD;IACW,EAEtB,qBAAC;GAAoB,WAAU;;IAC7B,oBAAC;KAAiB;eAChB,qBAAC;MAAK,MAAK;MAAkB,eAAe,cAAc,MAAM;iBAC9D,oBAAC,gBAAa,WAAU,iBAAiB,EACzC,oBAAC,oBAAK,iBAAmB;OACpB;MACU;IAEnB,oBAAC,0BAAwB;IAEzB,qBAAC,8BACC,qBAAC,qCACC,oBAAC,eAAY,WAAU,iBAAiB,EACxC,oBAAC,oBAAK,UAAY,IACK,EAEzB,qBAAC;KACC,qBAAC;MACC,WAAW,GAAG,UAAU,WAAW,yBAAyB;MAC5D,eAAe,SAAS,QAAQ;iBAEhC,oBAAC,WAAQ,WAAU,iBAAiB,EACpC,oBAAC,oBAAK,UAAY;OACD;KAEnB,qBAAC;MACC,WAAW,GAAG,UAAU,UAAU,yBAAyB;MAC3D,eAAe,SAAS,OAAO;iBAE/B,oBAAC,YAAS,WAAU,iBAAiB,EACrC,oBAAC,oBAAK,SAAW;OACA;KAEnB,qBAAC;MACC,WAAW,GAAG,UAAU,YAAY,yBAAyB;MAC7D,eAAe,SAAS,SAAS;iBAEjC,oBAAC,cAAW,WAAU,iBAAiB,EACvC,oBAAC,oBAAK,WAAa;OACF;QACI,IACT;IAoBlB,qBAAC;KACC,eAAe;AACb,oBAAc,MAAM;AACpB,cAAQ,MAAM;AAEd,iBAAW,QAAQ,EACjB,cAAc,EACZ,iBAAiB;AACf,cAAO,QAAQ,cAAc;SAEhC,EACF,CAAC;;gBAGJ,oBAAC,cAAW,WAAU,iBAAiB,EACvC,oBAAC,oBAAK,YAAc;MACH;;IACC;GACT,GACD"}

package/dist/components/navigation/admin-sidebar-paths.client.d.mts

@@ -0,0 +1,82 @@
+import { Permission } from "../../modules/auth/lib/permissions.mjs";
+import { Sidebar } from "../ui/sidebar.client.mjs";
+import "../../auth.mjs";
+import * as react_jsx_runtime239 from "react/jsx-runtime";
+import * as React$1 from "react";
+import { Route } from "next";
+
+//#region src/components/navigation/admin-sidebar-paths.client.d.ts
+/**
+ * Paths
+ */
+declare function Paths({
+  children,
+  ...props
+}: React$1.ComponentProps<typeof Sidebar>): react_jsx_runtime239.JSX.Element;
+/**
+ * Path Group
+ */
+declare function PathGroup(props: React$1.ComponentProps<"div">): react_jsx_runtime239.JSX.Element;
+/**
+ * Path Group Title
+ */
+declare function PathGroupTitle(props: React$1.ComponentProps<"div">): react_jsx_runtime239.JSX.Element;
+/**
+ * Path Group Items
+ */
+declare function PathGroupItems(props: React$1.PropsWithChildren): react_jsx_runtime239.JSX.Element;
+/**
+ * Path
+ */
+type PathProps = React$1.ComponentProps<"li"> & {
+  permission?: Permission;
+  isActive?: boolean;
+  segment?: string;
+};
+declare function Path({
+  permission,
+  children,
+  isActive,
+  segment,
+  ...props
+}: PathProps): react_jsx_runtime239.JSX.Element;
+/**
+ * Path Button
+ */
+declare function PathLink({
+  href,
+  children
+}: React$1.PropsWithChildren<{
+  href: Route;
+}>): react_jsx_runtime239.JSX.Element;
+/**
+ * Path Items
+ */
+declare function PathItems(props: React$1.ComponentProps<"ul">): react_jsx_runtime239.JSX.Element | null;
+/**
+ * Path Sub Item
+ */
+type PathSubItemProps = React$1.ComponentProps<"li"> & {
+  permission?: Permission;
+  isActive?: boolean;
+  segment?: string;
+};
+declare function PathSubItem({
+  permission,
+  isActive,
+  segment,
+  children,
+  ...props
+}: PathSubItemProps): react_jsx_runtime239.JSX.Element;
+/**
+ * Path Button
+ */
+declare function PathSubItemLink({
+  href,
+  children
+}: React$1.PropsWithChildren<{
+  href: Route;
+}>): react_jsx_runtime239.JSX.Element;
+//#endregion
+export { Path, PathGroup, PathGroupItems, PathGroupTitle, PathItems, PathLink, PathSubItem, PathSubItemLink, Paths };
+//# sourceMappingURL=admin-sidebar-paths.client.d.mts.map

package/dist/components/navigation/admin-sidebar-paths.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-sidebar-paths.client.d.mts","names":[],"sources":["../../../src/components/navigation/admin-sidebar-paths.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;iBAiCgB,KAAA;;;GAA8B,OAAA,CAAM,sBAAsB,WAAQ,oBAAA,CAAA,GAAA,CAAA;AAAlF;;;AAA8C,iBAoB9B,SAAA,CApBoC,KAAA,EAoBnB,OAAA,CAAM,cApBa,CAAA,KAAA,CAAA,CAAA,EAoBQ,oBAAA,CAAA,GAAA,CAAA,OApBR;;;AAoBpD;AAOgB,iBAAA,cAAA,CAAsB,KAAM,EAAN,OAAA,CAAM,cAAqB,CAAA,KAAA,CAAA,CAAA,EAAA,oBAAA,CAAA,GAAA,CAAA,OAAA;AAOjE;AAMC;AAgBD;AAAuB,iBAtBP,cAAA,CAsBO,KAAA,EAtBe,OAAA,CAAM,iBAsBrB,CAAA,EAtBsC,oBAAA,CAAA,GAAA,CAAA,OAsBtC;;;;KANlB,SAAA,GAAY,OAAA,CAAM,cAMqD,CAAA,IAAA,CAAA,GAAA;EAAS,UAAA,CAAA,EALtE,UAKsE;EAAA,QAAA,CAAA,EAAA,OAAA;EAuBrE,OAAA,CAAA,EAAA,MAAQ;CAAG;AAAM,iBAvBjB,IAAA,CAuBiB;EAAA,UAAA;EAAA,QAAA;EAAA,QAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAvB2C,SAuB3C,CAAA,EAvBoD,oBAAA,CAAA,GAAA,CAAA,OAuBpD;;;;AAAoD,iBAArE,QAAA,CAAqE;EAAA,IAAA;EAAA;AAqBpF,CArBoF,EAAxC,OAAA,CAAM,iBAAkC,CAAA;EAgBrE,IAAA,EAhB6D,KAgB7D;AAKf,CAAA,CAAA,CAAA,EArBoF,oBAAA,CAAA,GAAA,CAAA,OA+BvD;AAM9B;;;AAGE,iBAxBc,SAAA,CAwBd,KAAA,EAxB+B,OAAA,CAAM,cAwBrC,CAAA,IAAA,CAAA,CAAA,EAxByD,oBAAA,CAAA,GAAA,CAAA,OAAA,GAwBzD,IAAA;;;;KATG,gBAAA,GAAmB,OAAA,CAAM,cAYX,CAAA,IAAA,CAAA,GAAA;EAuBH,UAAA,CAAA,EAlCD,UAkCgB;EAAG,QAAA,CAAA,EAAA,OAAA;EAAM,OAAA,CAAA,EAAA,MAAA;CAA4C;AAAhC,iBA7BpC,WAAA,CA6B0C;EAAA,UAAA;EAAA,QAAA;EAAA,OAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAvBvD,gBAuBuD,CAAA,EAvBvC,oBAAA,CAAA,GAAA,CAAA,OAuBuC;;;;iBAA1C,eAAA;;;GAAoC,OAAA,CAAM;QAA0B;KAAQ,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/navigation/admin-sidebar-paths.client.mjs

@@ -0,0 +1,142 @@
+"use client";
+
+import { Allowed } from "../../modules/auth/components/allowed.client.mjs";
+import { Sidebar, SidebarContent, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarRail, useSidebar } from "../ui/sidebar.client.mjs";
+import { AdminSidebarHeader } from "./admin-sidebar-header.client.mjs";
+import { AdminSidebarHeaderLoading, AdminSidebarMenuContentLoading } from "./admin-sidebar-skeleton.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
+import { Suspense } from "react";
+import Link from "next/link";
+import { useSelectedLayoutSegments } from "next/navigation";
+
+//#region src/components/navigation/admin-sidebar-paths.client.tsx
+/**
+* Paths
+*/
+function Paths({ children, ...props }) {
+	return /* @__PURE__ */ jsxs(Sidebar, {
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(Suspense, {
+				fallback: /* @__PURE__ */ jsx(AdminSidebarHeaderLoading, {}),
+				children: /* @__PURE__ */ jsx(AdminSidebarHeader, {})
+			}),
+			/* @__PURE__ */ jsx(SidebarContent, { children: /* @__PURE__ */ jsx(Suspense, {
+				fallback: /* @__PURE__ */ jsx(AdminSidebarMenuContentLoading, {}),
+				children: /* @__PURE__ */ jsx(SidebarMenu, { children })
+			}) }),
+			/* @__PURE__ */ jsx(SidebarRail, {})
+		]
+	});
+}
+/**
+* Path Group
+*/
+function PathGroup(props) {
+	return /* @__PURE__ */ jsx(SidebarGroup, { ...props });
+}
+/**
+* Path Group Title
+*/
+function PathGroupTitle(props) {
+	return /* @__PURE__ */ jsx(SidebarGroupLabel, { ...props });
+}
+/**
+* Path Group Items
+*/
+function PathGroupItems(props) {
+	return /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: props.children }) });
+}
+/**
+* Path Context
+*/
+const PathContext = React$1.createContext({});
+function Path({ permission, children, isActive, segment, ...props }) {
+	const currentSegments = useSelectedLayoutSegments();
+	if (!permission) return /* @__PURE__ */ jsx(PathContext, {
+		value: { isActive: isActive || segment === currentSegments?.[0] },
+		children: /* @__PURE__ */ jsx(SidebarMenuItem, {
+			...props,
+			children
+		})
+	});
+	return /* @__PURE__ */ jsx(Allowed, {
+		permission,
+		children: /* @__PURE__ */ jsx(PathContext, {
+			value: { isActive: isActive || segment === currentSegments?.[0] },
+			children: /* @__PURE__ */ jsx(SidebarMenuItem, {
+				...props,
+				children
+			})
+		})
+	});
+}
+/**
+* Path Button
+*/
+function PathLink({ href, children }) {
+	const { isMobile, toggleSidebar } = useSidebar();
+	const { isActive } = React$1.useContext(PathContext);
+	return /* @__PURE__ */ jsx(SidebarMenuButton, {
+		asChild: true,
+		isActive,
+		children: /* @__PURE__ */ jsx(Link, {
+			href,
+			onClick: isMobile ? toggleSidebar : void 0,
+			children
+		})
+	});
+}
+/**
+* Path Items
+*/
+function PathItems(props) {
+	const { isActive } = React$1.useContext(PathContext);
+	if (!isActive) return null;
+	return /* @__PURE__ */ jsx(SidebarMenuSub, { ...props });
+}
+/**
+* Path Sub Item Context
+*/
+const PathSubItemContext = React$1.createContext({});
+function PathSubItem({ permission, isActive, segment, children, ...props }) {
+	const currentSegments = useSelectedLayoutSegments();
+	if (!permission) return /* @__PURE__ */ jsx(PathSubItemContext, {
+		value: { isActive: isActive || segment === currentSegments?.[1] },
+		children: /* @__PURE__ */ jsx(SidebarMenuSubItem, {
+			...props,
+			children
+		})
+	});
+	return /* @__PURE__ */ jsx(Allowed, {
+		permission,
+		children: /* @__PURE__ */ jsx(PathSubItemContext, {
+			value: { isActive: isActive || segment === currentSegments?.[1] },
+			children: /* @__PURE__ */ jsx(SidebarMenuSubItem, {
+				...props,
+				children
+			})
+		})
+	});
+}
+/**
+* Path Button
+*/
+function PathSubItemLink({ href, children }) {
+	const { isMobile, toggleSidebar } = useSidebar();
+	const { isActive } = React$1.useContext(PathSubItemContext);
+	return /* @__PURE__ */ jsx(SidebarMenuSubButton, {
+		asChild: true,
+		isActive,
+		children: /* @__PURE__ */ jsx(Link, {
+			href,
+			onClick: isMobile ? toggleSidebar : void 0,
+			children
+		})
+	});
+}
+
+//#endregion
+export { Path, PathGroup, PathGroupItems, PathGroupTitle, PathItems, PathLink, PathSubItem, PathSubItemLink, Paths };
+//# sourceMappingURL=admin-sidebar-paths.client.mjs.map

package/dist/components/navigation/admin-sidebar-paths.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-sidebar-paths.client.mjs","names":["React"],"sources":["../../../src/components/navigation/admin-sidebar-paths.client.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarRail,\n  useSidebar,\n} from \"@/components/ui/sidebar.client\";\nimport { Allowed } from \"@/modules/auth/components/allowed.client\";\nimport { Permission } from \"@/modules/auth/entry\";\nimport { Route } from \"next\";\nimport Link from \"next/link\";\nimport { useSelectedLayoutSegments } from \"next/navigation\";\nimport * as React from \"react\";\nimport { Suspense } from \"react\";\nimport { AdminSidebarHeader } from \"./admin-sidebar-header.client\";\nimport {\n  AdminSidebarHeaderLoading,\n  AdminSidebarMenuContentLoading,\n} from \"./admin-sidebar-skeleton\";\n\n/**\n * Paths\n */\nexport function Paths({ children, ...props }: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar {...props}>\n      <Suspense fallback={<AdminSidebarHeaderLoading />}>\n        <AdminSidebarHeader />\n      </Suspense>\n\n      <SidebarContent>\n        <Suspense fallback={<AdminSidebarMenuContentLoading />}>\n          <SidebarMenu>{children}</SidebarMenu>\n        </Suspense>\n      </SidebarContent>\n      <SidebarRail />\n    </Sidebar>\n  );\n}\n\n/**\n * Path Group\n */\nexport function PathGroup(props: React.ComponentProps<\"div\">) {\n  return <SidebarGroup {...props} />;\n}\n\n/**\n * Path Group Title\n */\nexport function PathGroupTitle(props: React.ComponentProps<\"div\">) {\n  return <SidebarGroupLabel {...props} />;\n}\n\n/**\n * Path Group Items\n */\nexport function PathGroupItems(props: React.PropsWithChildren) {\n  return (\n    <SidebarGroupContent>\n      <SidebarMenu>{props.children}</SidebarMenu>\n    </SidebarGroupContent>\n  );\n}\n\n/**\n * Path Context\n */\nconst PathContext = React.createContext({} as { isActive: boolean });\n\n/**\n * Path\n */\ntype PathProps = React.ComponentProps<\"li\"> & {\n  permission?: Permission;\n  isActive?: boolean;\n  segment?: string;\n};\n\nexport function Path({ permission, children, isActive, segment, ...props }: PathProps) {\n  const currentSegments = useSelectedLayoutSegments();\n\n  if (!permission) {\n    return (\n      <PathContext value={{ isActive: isActive || segment === currentSegments?.[0] }}>\n        <SidebarMenuItem {...props}>{children}</SidebarMenuItem>\n      </PathContext>\n    );\n  }\n\n  return (\n    <Allowed permission={permission}>\n      <PathContext value={{ isActive: isActive || segment === currentSegments?.[0] }}>\n        <SidebarMenuItem {...props}>{children}</SidebarMenuItem>\n      </PathContext>\n    </Allowed>\n  );\n}\n\n/**\n * Path Button\n */\nexport function PathLink({ href, children }: React.PropsWithChildren<{ href: Route }>) {\n  const { isMobile, toggleSidebar } = useSidebar();\n  const { isActive } = React.useContext(PathContext);\n\n  return (\n    <SidebarMenuButton asChild isActive={isActive}>\n      <Link href={href} onClick={isMobile ? toggleSidebar : undefined}>\n        {children}\n      </Link>\n    </SidebarMenuButton>\n  );\n}\n\n/**\n * Path Items\n */\nexport function PathItems(props: React.ComponentProps<\"ul\">) {\n  const { isActive } = React.useContext(PathContext);\n  if (!isActive) return null;\n\n  return <SidebarMenuSub {...props} />;\n}\n\n/**\n * Path Sub Item Context\n */\nconst PathSubItemContext = React.createContext({} as { isActive: boolean });\n\n/**\n * Path Sub Item\n */\ntype PathSubItemProps = React.ComponentProps<\"li\"> & {\n  permission?: Permission;\n  isActive?: boolean;\n  segment?: string;\n};\n\nexport function PathSubItem({\n  permission,\n  isActive,\n  segment,\n  children,\n  ...props\n}: PathSubItemProps) {\n  const currentSegments = useSelectedLayoutSegments();\n\n  if (!permission) {\n    return (\n      <PathSubItemContext value={{ isActive: isActive || segment === currentSegments?.[1] }}>\n        <SidebarMenuSubItem {...props}>{children}</SidebarMenuSubItem>\n      </PathSubItemContext>\n    );\n  }\n\n  return (\n    <Allowed permission={permission}>\n      <PathSubItemContext value={{ isActive: isActive || segment === currentSegments?.[1] }}>\n        <SidebarMenuSubItem {...props}>{children}</SidebarMenuSubItem>\n      </PathSubItemContext>\n    </Allowed>\n  );\n}\n\n/**\n * Path Button\n */\nexport function PathSubItemLink({ href, children }: React.PropsWithChildren<{ href: Route }>) {\n  const { isMobile, toggleSidebar } = useSidebar();\n  const { isActive } = React.useContext(PathSubItemContext);\n\n  return (\n    <SidebarMenuSubButton asChild isActive={isActive}>\n      <Link href={href} onClick={isMobile ? toggleSidebar : undefined}>\n        {children}\n      </Link>\n    </SidebarMenuSubButton>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAiCA,SAAgB,MAAM,EAAE,UAAU,GAAG,SAA+C;AAClF,QACE,qBAAC;EAAQ,GAAI;;GACX,oBAAC;IAAS,UAAU,oBAAC,8BAA4B;cAC/C,oBAAC,uBAAqB;KACb;GAEX,oBAAC,4BACC,oBAAC;IAAS,UAAU,oBAAC,mCAAiC;cACpD,oBAAC,eAAa,WAAuB;KAC5B,GACI;GACjB,oBAAC,gBAAc;;GACP;;;;;AAOd,SAAgB,UAAU,OAAoC;AAC5D,QAAO,oBAAC,gBAAa,GAAI,QAAS;;;;;AAMpC,SAAgB,eAAe,OAAoC;AACjE,QAAO,oBAAC,qBAAkB,GAAI,QAAS;;;;;AAMzC,SAAgB,eAAe,OAAgC;AAC7D,QACE,oBAAC,iCACC,oBAAC,yBAAa,MAAM,WAAuB,GACvB;;;;;AAO1B,MAAM,cAAcA,QAAM,cAAc,EAAE,CAA0B;AAWpE,SAAgB,KAAK,EAAE,YAAY,UAAU,UAAU,SAAS,GAAG,SAAoB;CACrF,MAAM,kBAAkB,2BAA2B;AAEnD,KAAI,CAAC,WACH,QACE,oBAAC;EAAY,OAAO,EAAE,UAAU,YAAY,YAAY,kBAAkB,IAAI;YAC5E,oBAAC;GAAgB,GAAI;GAAQ;IAA2B;GAC5C;AAIlB,QACE,oBAAC;EAAoB;YACnB,oBAAC;GAAY,OAAO,EAAE,UAAU,YAAY,YAAY,kBAAkB,IAAI;aAC5E,oBAAC;IAAgB,GAAI;IAAQ;KAA2B;IAC5C;GACN;;;;;AAOd,SAAgB,SAAS,EAAE,MAAM,YAAsD;CACrF,MAAM,EAAE,UAAU,kBAAkB,YAAY;CAChD,MAAM,EAAE,aAAaA,QAAM,WAAW,YAAY;AAElD,QACE,oBAAC;EAAkB;EAAkB;YACnC,oBAAC;GAAW;GAAM,SAAS,WAAW,gBAAgB;GACnD;IACI;GACW;;;;;AAOxB,SAAgB,UAAU,OAAmC;CAC3D,MAAM,EAAE,aAAaA,QAAM,WAAW,YAAY;AAClD,KAAI,CAAC,SAAU,QAAO;AAEtB,QAAO,oBAAC,kBAAe,GAAI,QAAS;;;;;AAMtC,MAAM,qBAAqBA,QAAM,cAAc,EAAE,CAA0B;AAW3E,SAAgB,YAAY,EAC1B,YACA,UACA,SACA,UACA,GAAG,SACgB;CACnB,MAAM,kBAAkB,2BAA2B;AAEnD,KAAI,CAAC,WACH,QACE,oBAAC;EAAmB,OAAO,EAAE,UAAU,YAAY,YAAY,kBAAkB,IAAI;YACnF,oBAAC;GAAmB,GAAI;GAAQ;IAA8B;GAC3C;AAIzB,QACE,oBAAC;EAAoB;YACnB,oBAAC;GAAmB,OAAO,EAAE,UAAU,YAAY,YAAY,kBAAkB,IAAI;aACnF,oBAAC;IAAmB,GAAI;IAAQ;KAA8B;IAC3C;GACb;;;;;AAOd,SAAgB,gBAAgB,EAAE,MAAM,YAAsD;CAC5F,MAAM,EAAE,UAAU,kBAAkB,YAAY;CAChD,MAAM,EAAE,aAAaA,QAAM,WAAW,mBAAmB;AAEzD,QACE,oBAAC;EAAqB;EAAkB;YACtC,oBAAC;GAAW;GAAM,SAAS,WAAW,gBAAgB;GACnD;IACI;GACc"}