@tulip-systems/core 0.3.0 → 0.4.1

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_runtime142 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_runtime142.JSX.Element;
+/**
+ * Path Group
+ */
+declare function PathGroup(props: React$1.ComponentProps<"div">): react_jsx_runtime142.JSX.Element;
+/**
+ * Path Group Title
+ */
+declare function PathGroupTitle(props: React$1.ComponentProps<"div">): react_jsx_runtime142.JSX.Element;
+/**
+ * Path Group Items
+ */
+declare function PathGroupItems(props: React$1.PropsWithChildren): react_jsx_runtime142.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_runtime142.JSX.Element;
+/**
+ * Path Button
+ */
+declare function PathLink({
+  href,
+  children
+}: React$1.PropsWithChildren<{
+  href: Route;
+}>): react_jsx_runtime142.JSX.Element;
+/**
+ * Path Items
+ */
+declare function PathItems(props: React$1.ComponentProps<"ul">): react_jsx_runtime142.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_runtime142.JSX.Element;
+/**
+ * Path Button
+ */
+declare function PathSubItemLink({
+  href,
+  children
+}: React$1.PropsWithChildren<{
+  href: Route;
+}>): react_jsx_runtime142.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"}

package/dist/components/navigation/admin-sidebar-skeleton.mjs

@@ -0,0 +1,31 @@
+import { Skeleton } from "../ui/skeleton.mjs";
+import { Button } from "../ui/button.mjs";
+import { DropdownMenu, DropdownMenuTrigger } from "../ui/dropdown-menu.mjs";
+import { SidebarHeader, SidebarMenu, SidebarMenuItem, SidebarMenuSkeleton } from "../ui/sidebar.client.mjs";
+import { jsx } from "react/jsx-runtime";
+import { Suspense } from "react";
+
+//#region src/components/navigation/admin-sidebar-skeleton.tsx
+/**
+* SidebarMenuContentLoading
+*/
+function AdminSidebarMenuContentLoading() {
+	return /* @__PURE__ */ jsx(SidebarMenu, { children: Array.from({ length: 20 }).map((_, index) => /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(SidebarMenuSkeleton, {}) }) }, index)) });
+}
+/**
+*
+*/
+function AdminSidebarHeaderLoading() {
+	return /* @__PURE__ */ jsx(SidebarHeader, { children: /* @__PURE__ */ jsx(DropdownMenu, { children: /* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx(Button, {
+			variant: "outline",
+			disabled: true,
+			children: /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-full" })
+		})
+	}) }) });
+}
+
+//#endregion
+export { AdminSidebarHeaderLoading, AdminSidebarMenuContentLoading };
+//# sourceMappingURL=admin-sidebar-skeleton.mjs.map

package/dist/components/navigation/admin-sidebar-skeleton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-sidebar-skeleton.mjs","names":[],"sources":["../../../src/components/navigation/admin-sidebar-skeleton.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { DropdownMenu, DropdownMenuTrigger } from \"@/components/ui/dropdown-menu\";\nimport {\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n} from \"@/components/ui/sidebar.client\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport { Suspense } from \"react\";\n\n/**\n * SidebarMenuContentLoading\n */\nexport function AdminSidebarMenuContentLoading() {\n  return (\n    <SidebarMenu>\n      {Array.from({ length: 20 }).map((_, index) => (\n        <SidebarMenuItem key={index}>\n          <Suspense>\n            <SidebarMenuSkeleton />\n          </Suspense>\n        </SidebarMenuItem>\n      ))}\n    </SidebarMenu>\n  );\n}\n\n/**\n *\n */\nexport function AdminSidebarHeaderLoading() {\n  return (\n    <SidebarHeader>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button variant=\"outline\" disabled>\n            <Skeleton className=\"h-5 w-full\" />\n          </Button>\n        </DropdownMenuTrigger>\n      </DropdownMenu>\n    </SidebarHeader>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAcA,SAAgB,iCAAiC;AAC/C,QACE,oBAAC,yBACE,MAAM,KAAK,EAAE,QAAQ,IAAI,CAAC,CAAC,KAAK,GAAG,UAClC,oBAAC,6BACC,oBAAC,sBACC,oBAAC,wBAAsB,GACd,IAHS,MAIJ,CAClB,GACU;;;;;AAOlB,SAAgB,4BAA4B;AAC1C,QACE,oBAAC,2BACC,oBAAC,0BACC,oBAAC;EAAoB;YACnB,oBAAC;GAAO,SAAQ;GAAU;aACxB,oBAAC,YAAS,WAAU,eAAe;IAC5B;GACW,GACT,GACD"}

package/dist/components/server.d.mts

@@ -0,0 +1,3 @@
+import { AdminLayout } from "./layouts/admin-layout.mjs";
+import { RootLayout, generateRootLayoutMetadata } from "./layouts/root-layout.server.mjs";
+export { AdminLayout, RootLayout, generateRootLayoutMetadata };

package/dist/components/server.mjs

@@ -0,0 +1,4 @@
+import { AdminLayout } from "./layouts/admin-layout.mjs";
+import { RootLayout, generateRootLayoutMetadata } from "./layouts/root-layout.server.mjs";
+
+export { AdminLayout, RootLayout, generateRootLayoutMetadata };

package/dist/components/ui/accordion.d.mts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime266 from "react/jsx-runtime";
+import * as React$1 from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+
+//#region src/components/ui/accordion.d.ts
+declare function Accordion({
+  ...props
+}: React$1.ComponentProps<typeof AccordionPrimitive.Root>): react_jsx_runtime266.JSX.Element;
+declare function AccordionItem({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof AccordionPrimitive.Item>): react_jsx_runtime266.JSX.Element;
+declare function AccordionTrigger({
+  className,
+  children,
+  ...props
+}: React$1.ComponentProps<typeof AccordionPrimitive.Trigger>): react_jsx_runtime266.JSX.Element;
+declare function AccordionContent({
+  className,
+  children,
+  ...props
+}: React$1.ComponentProps<typeof AccordionPrimitive.Content>): react_jsx_runtime266.JSX.Element;
+//#endregion
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
+//# sourceMappingURL=accordion.d.mts.map

package/dist/components/ui/accordion.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.mts","names":[],"sources":["../../../src/components/ui/accordion.tsx"],"sourcesContent":[],"mappings":";;;;;iBAQS,SAAA;;GAAwB,OAAA,CAAM,sBAAsB,kBAAA,CAAmB,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAI5E,aAAA;;;GAGN,OAAA,CAAM,sBAAsB,kBAAA,CAAmB,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAU9C,gBAAA;;;;GAIN,OAAA,CAAM,sBAAsB,kBAAA,CAAmB,WAAQ,oBAAA,CAAA,GAAA,CAAA;AAzB3B,iBA2CtB,gBAAA,CAvCS;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA2Cf,OAAA,CAAM,cA3CS,CAAA,OA2Ca,kBAAA,CAAmB,OA3ChC,CAAA,CAAA,EA2CwC,oBAAA,CAAA,GAAA,CAAA,OA3CxC"}

package/dist/components/ui/accordion.mjs

@@ -0,0 +1,47 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+import "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+
+//#region src/components/ui/accordion.tsx
+function Accordion({ ...props }) {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Root, {
+		"data-slot": "accordion",
+		...props
+	});
+}
+function AccordionItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Item, {
+		"data-slot": "accordion-item",
+		className: cn("border-b last:border-b-0", className),
+		...props
+	});
+}
+function AccordionTrigger({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Header, {
+		className: "flex",
+		children: /* @__PURE__ */ jsx(AccordionPrimitive.Trigger, {
+			"data-slot": "accordion-trigger",
+			className: cn("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium outline-none transition-all hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className),
+			...props,
+			children
+		})
+	});
+}
+function AccordionContent({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Content, {
+		"data-slot": "accordion-content",
+		className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("pb-4 pt-0", className),
+			children
+		})
+	});
+}
+
+//#endregion
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
+//# sourceMappingURL=accordion.mjs.map

package/dist/components/ui/accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.mjs","names":[],"sources":["../../../src/components/ui/accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nfunction Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  return <AccordionPrimitive.Root data-slot=\"accordion\" {...props} />;\n}\n\nfunction AccordionItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"border-b last:border-b-0\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium outline-none transition-all hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180\",\n          className,\n        )}\n        {...props}\n      >\n        {/* <ChevronDownIcon className=\"text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200\" /> */}\n        {children}\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  );\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\"\n      {...props}\n    >\n      <div className={cn(\"pb-4 pt-0\", className)}>{children}</div>\n    </AccordionPrimitive.Content>\n  );\n}\n\nexport { Accordion, AccordionContent, AccordionItem, AccordionTrigger };\n"],"mappings":";;;;;;;;AAQA,SAAS,UAAU,EAAE,GAAG,SAA+D;AACrF,QAAO,oBAAC,mBAAmB;EAAK,aAAU;EAAY,GAAI;GAAS;;AAGrE,SAAS,cAAc,EACrB,WACA,GAAG,SACoD;AACvD,QACE,oBAAC,mBAAmB;EAClB,aAAU;EACV,WAAW,GAAG,4BAA4B,UAAU;EACpD,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EACxB,WACA,UACA,GAAG,SACuD;AAC1D,QACE,oBAAC,mBAAmB;EAAO,WAAU;YACnC,oBAAC,mBAAmB;GAClB,aAAU;GACV,WAAW,GACT,8SACA,UACD;GACD,GAAI;GAGH;IAC0B;GACH;;AAIhC,SAAS,iBAAiB,EACxB,WACA,UACA,GAAG,SACuD;AAC1D,QACE,oBAAC,mBAAmB;EAClB,aAAU;EACV,WAAU;EACV,GAAI;YAEJ,oBAAC;GAAI,WAAW,GAAG,aAAa,UAAU;GAAG;IAAe;GACjC"}

package/dist/components/ui/alert-dialog.d.mts

@@ -0,0 +1,43 @@
+import * as react_jsx_runtime273 from "react/jsx-runtime";
+import * as React$1 from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+
+//#region src/components/ui/alert-dialog.d.ts
+declare function AlertDialog(props: React$1.ComponentProps<typeof AlertDialogPrimitive.Root>): react_jsx_runtime273.JSX.Element;
+declare function AlertDialogTrigger(props: React$1.ComponentProps<typeof AlertDialogPrimitive.Trigger>): react_jsx_runtime273.JSX.Element;
+declare function AlertDialogPortal(props: React$1.ComponentProps<typeof AlertDialogPrimitive.Portal>): react_jsx_runtime273.JSX.Element;
+declare function AlertDialogOverlay({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof AlertDialogPrimitive.Overlay>): react_jsx_runtime273.JSX.Element;
+declare function AlertDialogContent({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof AlertDialogPrimitive.Content>): react_jsx_runtime273.JSX.Element;
+declare function AlertDialogHeader({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime273.JSX.Element;
+declare function AlertDialogFooter({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime273.JSX.Element;
+declare function AlertDialogTitle({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof AlertDialogPrimitive.Title>): react_jsx_runtime273.JSX.Element;
+declare function AlertDialogDescription({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof AlertDialogPrimitive.Description>): react_jsx_runtime273.JSX.Element;
+declare function AlertDialogAction({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof AlertDialogPrimitive.Action>): react_jsx_runtime273.JSX.Element;
+declare function AlertDialogCancel({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof AlertDialogPrimitive.Cancel>): react_jsx_runtime273.JSX.Element;
+//#endregion
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
+//# sourceMappingURL=alert-dialog.d.mts.map

package/dist/components/ui/alert-dialog.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.mts","names":[],"sources":["../../../src/components/ui/alert-dialog.tsx"],"sourcesContent":[],"mappings":";;;;;iBAQS,WAAA,QAAmB,OAAA,CAAM,sBAAsB,oBAAA,CAAqB,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAIzE,kBAAA,QAA0B,OAAA,CAAM,sBAAsB,oBAAA,CAAqB,WAAQ,oBAAA,CAAA,GAAA,CAAA;iBAInF,iBAAA,QAAyB,OAAA,CAAM,sBAAsB,oBAAA,CAAqB,UAAO,oBAAA,CAAA,GAAA,CAAA;AAb3D,iBAiBtB,kBAAA,CAZW;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAejB,OAAA,CAAM,cAfW,CAAA,OAeW,oBAAA,CAAqB,OAfhC,CAAA,CAAA,EAewC,oBAAA,CAAA,GAAA,CAAA,OAfxC;iBA4BX,kBAAA,CA5BoE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+B1E,OAAA,CAAM,cA/BoE,CAAA,OA+B9C,oBAAA,CAAqB,OA/ByB,CAAA,CAAA,EA+BjB,oBAAA,CAAA,GAAA,CAAA,OA/BiB;iBA+CpE,iBAAA,CA/CyB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+CkB,OAAA,CAAM,cA/CxB,CAAA,KAAA,CAAA,CAAA,EA+C6C,oBAAA,CAAA,GAAA,CAAA,OA/C7C;iBAyDzB,iBAAA,CAzDyE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyD9B,OAAA,CAAM,cAzDwB,CAAA,KAAA,CAAA,CAAA,EAyDH,oBAAA,CAAA,GAAA,CAAA,OAzDG;iBAmEzE,gBAAA,CAnEyE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAsE/E,OAAA,CAAM,cAtEyE,CAAA,OAsEnD,oBAAA,CAAqB,KAtE8B,CAAA,CAAA,EAsExB,oBAAA,CAAA,GAAA,CAAA,OAtEwB;AAAA,iBAgFzE,sBAAA,CA5EkB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+ExB,OAAA,CAAM,cA/EkB,CAAA,OA+EI,oBAAA,CAAqB,WA/EzB,CAAA,CAAA,EA+EqC,oBAAA,CAAA,GAAA,CAAA,OA/ErC;iBAyFlB,iBAAA,CAzF2E;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA4FjF,OAAA,CAAM,cA5F2E,CAAA,OA4FrD,oBAAA,CAAqB,MA5FgC,CAAA,CAAA,EA4FzB,oBAAA,CAAA,GAAA,CAAA,OA5FyB;iBAgG3E,iBAAA,CAhGgC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAmGtC,OAAA,CAAM,cAnGgC,CAAA,OAmGV,oBAAA,CAAqB,MAnGX,CAAA,CAAA,EAmGkB,oBAAA,CAAA,GAAA,CAAA,OAnGlB"}

package/dist/components/ui/alert-dialog.mjs

@@ -0,0 +1,85 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { buttonVariants } from "./button.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+
+//#region src/components/ui/alert-dialog.tsx
+function AlertDialog(props) {
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Root, {
+		"data-slot": "alert-dialog",
+		...props
+	});
+}
+function AlertDialogTrigger(props) {
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Trigger, {
+		"data-slot": "alert-dialog-trigger",
+		...props
+	});
+}
+function AlertDialogPortal(props) {
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Portal, {
+		"data-slot": "alert-dialog-portal",
+		...props
+	});
+}
+function AlertDialogOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Overlay, {
+		"data-slot": "alert-dialog-overlay",
+		className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80", className),
+		...props
+	});
+}
+function AlertDialogContent({ className, ...props }) {
+	return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [/* @__PURE__ */ jsx(AlertDialogOverlay, {}), /* @__PURE__ */ jsx(AlertDialogPrimitive.Content, {
+		"data-slot": "alert-dialog-content",
+		className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed left-[50%] top-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className),
+		...props
+	})] });
+}
+function AlertDialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-dialog-header",
+		className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+		...props
+	});
+}
+function AlertDialogFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-dialog-footer",
+		className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+		...props
+	});
+}
+function AlertDialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Title, {
+		"data-slot": "alert-dialog-title",
+		className: cn("text-lg font-semibold", className),
+		...props
+	});
+}
+function AlertDialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Description, {
+		"data-slot": "alert-dialog-description",
+		className: cn("text-muted-foreground text-sm", className),
+		...props
+	});
+}
+function AlertDialogAction({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, {
+		className: cn(buttonVariants(), className),
+		...props
+	});
+}
+function AlertDialogCancel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Cancel, {
+		className: cn(buttonVariants({ variant: "outline" }), className),
+		...props
+	});
+}
+
+//#endregion
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
+//# sourceMappingURL=alert-dialog.mjs.map

package/dist/components/ui/alert-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.mjs","names":[],"sources":["../../../src/components/ui/alert-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\";\nimport * as React from \"react\";\n\nimport { buttonVariants } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils/cn\";\n\nfunction AlertDialog(props: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />;\n}\n\nfunction AlertDialogTrigger(props: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />;\n}\n\nfunction AlertDialogPortal(props: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />;\n}\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        className={cn(\n          \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed left-[50%] top-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg\",\n          className,\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  );\n}\n\nfunction AlertDialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn(\"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(\"text-lg font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogAction({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {\n  return <AlertDialogPrimitive.Action className={cn(buttonVariants(), className)} {...props} />;\n}\n\nfunction AlertDialogCancel({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n  return (\n    <AlertDialogPrimitive.Cancel\n      className={cn(buttonVariants({ variant: \"outline\" }), className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n};\n"],"mappings":";;;;;;;;;AAQA,SAAS,YAAY,OAA+D;AAClF,QAAO,oBAAC,qBAAqB;EAAK,aAAU;EAAe,GAAI;GAAS;;AAG1E,SAAS,mBAAmB,OAAkE;AAC5F,QAAO,oBAAC,qBAAqB;EAAQ,aAAU;EAAuB,GAAI;GAAS;;AAGrF,SAAS,kBAAkB,OAAiE;AAC1F,QAAO,oBAAC,qBAAqB;EAAO,aAAU;EAAsB,GAAI;GAAS;;AAGnF,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;AAC5D,QACE,oBAAC,qBAAqB;EACpB,aAAU;EACV,WAAW,GACT,0JACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;AAC5D,QACE,qBAAC,gCACC,oBAAC,uBAAqB,EACtB,oBAAC,qBAAqB;EACpB,aAAU;EACV,WAAW,GACT,+WACA,UACD;EACD,GAAI;GACJ,IACgB;;AAIxB,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAsC;AAC/E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,gDAAgD,UAAU;EACxE,GAAI;GACJ;;AAIN,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAsC;AAC/E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,0DAA0D,UAAU;EAClF,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EACxB,WACA,GAAG,SACuD;AAC1D,QACE,oBAAC,qBAAqB;EACpB,aAAU;EACV,WAAW,GAAG,yBAAyB,UAAU;EACjD,GAAI;GACJ;;AAIN,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC6D;AAChE,QACE,oBAAC,qBAAqB;EACpB,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SACwD;AAC3D,QAAO,oBAAC,qBAAqB;EAAO,WAAW,GAAG,gBAAgB,EAAE,UAAU;EAAE,GAAI;GAAS;;AAG/F,SAAS,kBAAkB,EACzB,WACA,GAAG,SACwD;AAC3D,QACE,oBAAC,qBAAqB;EACpB,WAAW,GAAG,eAAe,EAAE,SAAS,WAAW,CAAC,EAAE,UAAU;EAChE,GAAI;GACJ"}

package/dist/components/ui/alert.d.mts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime270 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as React$1 from "react";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/ui/alert.d.ts
+declare const alertVariants: (props?: ({
+  variant?: "default" | "destructive" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+declare function Alert({
+  className,
+  variant,
+  ...props
+}: React$1.ComponentProps<"div"> & VariantProps<typeof alertVariants>): react_jsx_runtime270.JSX.Element;
+declare function AlertTitle({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime270.JSX.Element;
+declare function AlertDescription({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime270.JSX.Element;
+//#endregion
+export { Alert, AlertDescription, AlertTitle };
+//# sourceMappingURL=alert.d.mts.map

package/dist/components/ui/alert.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.mts","names":[],"sources":["../../../src/components/ui/alert.tsx"],"sourcesContent":[],"mappings":";;;;;;cAKM;;IAcL,+BAAA,CAAA;iBAEQ,KAAA;;;;GAIN,OAAA,CAAM,wBAAwB,oBAAoB,iBAAc,oBAAA,CAAA,GAAA,CAAA;AAxBpC,iBAmCtB,UAAA,CAjBR;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiB4C,OAAA,CAAM,cAjBlD,CAAA,KAAA,CAAA,CAAA,EAiBuE,oBAAA,CAAA,GAAA,CAAA,OAjBvE;iBA2BQ,gBAAA,CAzBK;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyBqC,OAAA,CAAM,cAzB3C,CAAA,KAAA,CAAA,CAAA,EAyBgE,oBAAA,CAAA,GAAA,CAAA,OAzBhE"}

package/dist/components/ui/alert.mjs

@@ -0,0 +1,39 @@
+import { cn } from "../../lib/utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import "react";
+
+//#region src/components/ui/alert.tsx
+const alertVariants = cva("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
+	variants: { variant: {
+		default: "bg-background text-foreground",
+		destructive: "text-destructive-foreground [&>svg]:text-current *:data-[slot=alert-description]:text-destructive-foreground/80"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Alert({ className, variant, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert",
+		role: "alert",
+		className: cn(alertVariants({ variant }), className),
+		...props
+	});
+}
+function AlertTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-title",
+		className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className),
+		...props
+	});
+}
+function AlertDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-description",
+		className: cn("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", className),
+		...props
+	});
+}
+
+//#endregion
+export { Alert, AlertDescription, AlertTitle };
+//# sourceMappingURL=alert.mjs.map

package/dist/components/ui/alert.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.mjs","names":[],"sources":["../../../src/components/ui/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nconst alertVariants = cva(\n  \"relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-background text-foreground\",\n        destructive:\n          \"text-destructive-foreground [&>svg]:text-current *:data-[slot=alert-description]:text-destructive-foreground/80\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertDescription, AlertTitle };\n"],"mappings":";;;;;;AAKA,MAAM,gBAAgB,IACpB,qOACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aACE;EACH,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;AAED,SAAS,MAAM,EACb,WACA,SACA,GAAG,SACgE;AACnE,QACE,oBAAC;EACC,aAAU;EACV,MAAK;EACL,WAAW,GAAG,cAAc,EAAE,SAAS,CAAC,EAAE,UAAU;EACpD,GAAI;GACJ;;AAIN,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;AACxE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,+DAA+D,UAAU;EACvF,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAsC;AAC9E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,kGACA,UACD;EACD,GAAI;GACJ"}

package/dist/components/ui/aspect-ratio.d.mts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime284 from "react/jsx-runtime";
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+
+//#region src/components/ui/aspect-ratio.d.ts
+declare function AspectRatio(props: React.ComponentProps<typeof AspectRatioPrimitive.Root>): react_jsx_runtime284.JSX.Element;
+//#endregion
+export { AspectRatio };
+//# sourceMappingURL=aspect-ratio.d.mts.map

package/dist/components/ui/aspect-ratio.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.d.mts","names":[],"sources":["../../../src/components/ui/aspect-ratio.tsx"],"sourcesContent":[],"mappings":";;;;iBAIS,WAAA,QAAmB,KAAA,CAAM,sBAAsB,oBAAA,CAAqB,QAAK,oBAAA,CAAA,GAAA,CAAA"}