@arch-cadre/panel 0.0.1 → 1.0.2

package/dist/ui/components/app-user.cjs

@@ -22,8 +22,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function AppUser() {
   const {
     user,
-    isLoading,
-    signOut
+    isLoading
   } = (0, _useUser.useUser)();
   const isMobile = (0, _useMobile.useIsMobile)();
   const {
@@ -45,7 +44,7 @@ function AppUser() {
     asChild: true
   }, /* @__PURE__ */React.createElement(_sidebar.SidebarMenuButton, {
     size: "lg",
-    className: (0, _utils.cn)(isLoading && "opacity-50", "cursor-pointer data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground")
+    className: (0, _utils.cn)(isLoading && "opacity-50", "cursor-pointer squircle data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground")
   }, /* @__PURE__ */React.createElement(_avatar.Avatar, {
     className: "h-8 w-8 rounded-full"
   }, /* @__PURE__ */React.createElement(_avatar.AvatarImage, {
@@ -64,7 +63,7 @@ function AppUser() {
     "aria-hidden": "true",
     className: "mr-1 size-4 rotate-90"
   }))), /* @__PURE__ */React.createElement(_dropdownMenu.DropdownMenuContent, {
-    className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg",
+    className: "squircle w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg",
     side: isMobile ? "bottom" : "top",
     align: "end",
     sideOffset: 4
@@ -95,7 +94,7 @@ function AppUser() {
     },
     className: "w-full"
   }, /* @__PURE__ */React.createElement(_dropdownMenu.DropdownMenuItem, {
-    className: "cursor-pointer "
+    className: "cursor-pointer"
   }, /* @__PURE__ */React.createElement(_react.Icon, {
     icon: "solar:logout-broken"
   }), t("Logout")))))));

package/dist/ui/components/app-user.mjs

@@ -1,8 +1,6 @@
 "use client";
 import { useTranslation } from "@arch-cadre/intl";
-import {
-  ExtensionPointClient
-} from "@arch-cadre/modules";
+import { ExtensionPointClient } from "@arch-cadre/modules";
 import {
   Avatar,
   AvatarFallback,
@@ -29,7 +27,7 @@ import * as React from "react";
 import { toast } from "sonner";
 import { logoutAction } from "../../actions/index.mjs";
 export function AppUser() {
-  const { user, isLoading, signOut } = useUser();
+  const { user, isLoading } = useUser();
   const isMobile = useIsMobile();
   const { t } = useTranslation();
   if (!user) {
@@ -53,7 +51,7 @@ export function AppUser() {
       size: "lg",
       className: cn(
         isLoading && "opacity-50",
-        "cursor-pointer data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
+        "cursor-pointer squircle data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
       )
     },
     /* @__PURE__ */ React.createElement(Avatar, { className: "h-8 w-8 rounded-full" }, /* @__PURE__ */ React.createElement(AvatarImage, { src: user.image ?? void 0, alt: user.name }), /* @__PURE__ */ React.createElement(AvatarFallback, { className: "rounded-full" }, user.name.charAt(0).toUpperCase())),
@@ -69,7 +67,7 @@ export function AppUser() {
   )), /* @__PURE__ */ React.createElement(
     DropdownMenuContent,
     {
-      className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg",
+      className: "squircle w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg",
       side: isMobile ? "bottom" : "top",
       align: "end",
       sideOffset: 4
@@ -86,7 +84,7 @@ export function AppUser() {
         },
         className: "w-full"
       },
-      /* @__PURE__ */ React.createElement(DropdownMenuItem, { className: "cursor-pointer " }, /* @__PURE__ */ React.createElement(Icon, { icon: "solar:logout-broken" }), t("Logout"))
+      /* @__PURE__ */ React.createElement(DropdownMenuItem, { className: "cursor-pointer" }, /* @__PURE__ */ React.createElement(Icon, { icon: "solar:logout-broken" }), t("Logout"))
     )
   ))));
 }

package/dist/ui/components/profile/components.cjs

@@ -7,14 +7,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.UpdateEmailForm = UpdateEmailForm;
 exports.UpdatePasswordForm = UpdatePasswordForm;
 exports.UpdateProfileForm = UpdateProfileForm;
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
 var _intl = require("@arch-cadre/intl");
 var _ui = require("@arch-cadre/ui");
 var _avatar = require("@arch-cadre/ui/components/avatar");
 var _button = require("@arch-cadre/ui/components/button");
 var _input = require("@arch-cadre/ui/components/input");
 var _label = require("@arch-cadre/ui/components/label");
-var _react = require("react");
 var _profile = require("../../../actions/profile.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function UpdateProfileForm({
   user
 }) {

package/dist/ui/components/profile/components.d.ts

@@ -1,8 +1,9 @@
+import * as React from "react";
 import type { FullUser } from "@arch-cadre/core";
 export declare function UpdateProfileForm({ user }: {
     user: FullUser;
-}): import("react").JSX.Element;
-export declare function UpdatePasswordForm(): import("react").JSX.Element;
+}): React.JSX.Element;
+export declare function UpdatePasswordForm(): React.JSX.Element;
 export declare function UpdateEmailForm({ user }: {
     user: FullUser;
-}): import("react").JSX.Element;
+}): React.JSX.Element;

package/dist/ui/components/profile/components.mjs

@@ -1,4 +1,5 @@
 "use client";
+import * as React from "react";
 import { useTranslation } from "@arch-cadre/intl";
 import { cn, Icon, toast } from "@arch-cadre/ui";
 import {

package/dist/ui/components/profile/link.cjs

@@ -5,11 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UserDropdownLink = UserDropdownLink;
+var React = _interopRequireWildcard(require("react"));
 var _intl = require("@arch-cadre/intl");
 var _ui = require("@arch-cadre/ui");
 var _dropdownMenu = require("@arch-cadre/ui/components/dropdown-menu");
 var _link = _interopRequireDefault(require("next/link"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function UserDropdownLink() {
   const root = "/kryo";
   const {
@@ -21,5 +24,11 @@ function UserDropdownLink() {
     className: "cursor-pointer "
   }, /* @__PURE__ */React.createElement(_ui.Icon, {
     icon: "solar:user-circle-broken"
-  }), t("Profile Settings")))));
+  }), t("Profile Settings"))), /* @__PURE__ */React.createElement(_link.default, {
+    href: `${root}/sessions`
+  }, /* @__PURE__ */React.createElement(_dropdownMenu.DropdownMenuItem, {
+    className: "cursor-pointer "
+  }, /* @__PURE__ */React.createElement(_ui.Icon, {
+    icon: "solar:monitor-broken"
+  }), t("Manage Device Sessions")))));
 }

package/dist/ui/components/profile/link.d.ts

@@ -1 +1,2 @@
-export declare function UserDropdownLink(): import("react").JSX.Element;
+import * as React from "react";
+export declare function UserDropdownLink(): React.JSX.Element;

package/dist/ui/components/profile/link.mjs

@@ -1,4 +1,5 @@
 "use client";
+import * as React from "react";
 import { useTranslation } from "@arch-cadre/intl";
 import { Icon } from "@arch-cadre/ui";
 import {
@@ -9,5 +10,5 @@ import Link from "next/link";
 export function UserDropdownLink() {
   const root = "/kryo";
   const { t } = useTranslation();
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DropdownMenuGroup, null, /* @__PURE__ */ React.createElement(Link, { href: `${root}/profile` }, /* @__PURE__ */ React.createElement(DropdownMenuItem, { className: "cursor-pointer " }, /* @__PURE__ */ React.createElement(Icon, { icon: "solar:user-circle-broken" }), t("Profile Settings")))));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DropdownMenuGroup, null, /* @__PURE__ */ React.createElement(Link, { href: `${root}/profile` }, /* @__PURE__ */ React.createElement(DropdownMenuItem, { className: "cursor-pointer " }, /* @__PURE__ */ React.createElement(Icon, { icon: "solar:user-circle-broken" }), t("Profile Settings"))), /* @__PURE__ */ React.createElement(Link, { href: `${root}/sessions` }, /* @__PURE__ */ React.createElement(DropdownMenuItem, { className: "cursor-pointer " }, /* @__PURE__ */ React.createElement(Icon, { icon: "solar:monitor-broken" }), t("Manage Device Sessions")))));
 }

package/dist/ui/components/profile/page.cjs

@@ -9,6 +9,9 @@ var _server2 = require("@arch-cadre/intl/server");
 var _modules = require("@arch-cadre/modules");
 var _navigation = require("next/navigation");
 var _components = require("./components.cjs");
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 async function ProfileSettingsPage() {
   const {
     session,
@@ -34,7 +37,7 @@ async function ProfileSettingsPage() {
     user
   }), /* @__PURE__ */React.createElement(_components.UpdateEmailForm, {
     user
-  }), /* @__PURE__ */React.createElement(_components.UpdatePasswordForm, null), /* @__PURE__ */React.createElement(_modules.ExtensionPoint, {
+  }), /* @__PURE__ */React.createElement(_components.UpdatePasswordForm, null), /* @__PURE__ */React.createElement(_modules.ExtensionPointClient, {
     module: "user-profile",
     point: "settings:extra-sections"
   }));

package/dist/ui/components/profile/page.d.ts

@@ -1 +1,2 @@
-export default function ProfileSettingsPage(): Promise<import("react").JSX.Element>;
+import * as React from "react";
+export default function ProfileSettingsPage(): Promise<React.JSX.Element>;

package/dist/ui/components/profile/page.mjs

@@ -1,12 +1,13 @@
 import { checkSecurity, getCurrentSession } from "@arch-cadre/core/server";
 import { getTranslation } from "@arch-cadre/intl/server";
-import { ExtensionPoint } from "@arch-cadre/modules";
+import { ExtensionPointClient } from "@arch-cadre/modules";
 import { redirect } from "next/navigation";
 import {
   UpdateEmailForm,
   UpdatePasswordForm,
   UpdateProfileForm
 } from "./components.mjs";
+import * as React from "react";
 export default async function ProfileSettingsPage() {
   const { session, user } = await getCurrentSession();
   const { t } = await getTranslation();
@@ -17,5 +18,11 @@ export default async function ProfileSettingsPage() {
   if (!security.satisfied && security.redirect) {
     return redirect(security.redirect);
   }
-  return /* @__PURE__ */ React.createElement("div", { className: "space-y-6 max-w-2xl" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", { className: "text-2xl font-bold" }, t("Profile Settings")), /* @__PURE__ */ React.createElement("p", { className: "text-muted-foreground" }, t("Manage your account settings and profile information."))), /* @__PURE__ */ React.createElement(UpdateProfileForm, { user }), /* @__PURE__ */ React.createElement(UpdateEmailForm, { user }), /* @__PURE__ */ React.createElement(UpdatePasswordForm, null), /* @__PURE__ */ React.createElement(ExtensionPoint, { module: "user-profile", point: "settings:extra-sections" }));
+  return /* @__PURE__ */ React.createElement("div", { className: "space-y-6 max-w-2xl" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", { className: "text-2xl font-bold" }, t("Profile Settings")), /* @__PURE__ */ React.createElement("p", { className: "text-muted-foreground" }, t("Manage your account settings and profile information."))), /* @__PURE__ */ React.createElement(UpdateProfileForm, { user }), /* @__PURE__ */ React.createElement(UpdateEmailForm, { user }), /* @__PURE__ */ React.createElement(UpdatePasswordForm, null), /* @__PURE__ */ React.createElement(
+    ExtensionPointClient,
+    {
+      module: "user-profile",
+      point: "settings:extra-sections"
+    }
+  ));
 }

package/dist/ui/dashboard/page.cjs

@@ -3,29 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-module.exports = Stats01;
-var _server = require("@arch-cadre/core/server");
-var _server2 = require("@arch-cadre/intl/server");
+module.exports = Page;
 var _modules = require("@arch-cadre/modules");
 var React = _interopRequireWildcard(require("react"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-async function Stats01() {
-  const {
-    user
-  } = await (0, _server.getCurrentSession)();
-  const {
-    t
-  } = await (0, _server2.getTranslation)();
+async function Page() {
   return /* @__PURE__ */React.createElement("div", {
-    className: "grid gap-6"
-  }, /* @__PURE__ */React.createElement("h1", null, t("Welcome {name}", {
-    name: user?.name
-  })), /* @__PURE__ */React.createElement(_modules.WidgetArea, {
+    className: "flex flex-col gap-6"
+  }, /* @__PURE__ */React.createElement(_modules.WidgetArea, {
     area: "dashboard-stats",
-    className: "space-y-6"
+    className: "grid grid-cols-1 md:grid-cols-3 gap-6"
   }), /* @__PURE__ */React.createElement(_modules.WidgetArea, {
     area: "dashboard-main",
-    className: "space-y-6"
+    className: "grid grid-cols-1 md:grid-cols-2 gap-6"
   }));
 }

package/dist/ui/dashboard/page.d.ts

@@ -1,2 +1,2 @@
 import * as React from "react";
-export default function Stats01(): Promise<React.JSX.Element>;
+export default function Page(): Promise<React.JSX.Element>;

package/dist/ui/dashboard/page.mjs

@@ -1,9 +1,17 @@
-import { getCurrentSession } from "@arch-cadre/core/server";
-import { getTranslation } from "@arch-cadre/intl/server";
 import { WidgetArea } from "@arch-cadre/modules";
 import * as React from "react";
-export default async function Stats01() {
-  const { user } = await getCurrentSession();
-  const { t } = await getTranslation();
-  return /* @__PURE__ */ React.createElement("div", { className: "grid gap-6" }, /* @__PURE__ */ React.createElement("h1", null, t("Welcome {name}", { name: user?.name })), /* @__PURE__ */ React.createElement(WidgetArea, { area: "dashboard-stats", className: "space-y-6" }), /* @__PURE__ */ React.createElement(WidgetArea, { area: "dashboard-main", className: "space-y-6" }));
+export default async function Page() {
+  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ React.createElement(
+    WidgetArea,
+    {
+      area: "dashboard-stats",
+      className: "grid grid-cols-1 md:grid-cols-3 gap-6"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    WidgetArea,
+    {
+      area: "dashboard-main",
+      className: "grid grid-cols-1 md:grid-cols-2 gap-6"
+    }
+  ));
 }

package/dist/ui/dashboard/widgets/WelcomeBackUserWidget.cjs

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = WelcomeBackUserWidget;
+var _server = require("@arch-cadre/core/server");
+var _server2 = require("@arch-cadre/intl/server");
+var _ui = require("@arch-cadre/ui");
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+async function WelcomeBackUserWidget() {
+  const {
+    user
+  } = await (0, _server.getCurrentSession)();
+  const {
+    t
+  } = await (0, _server2.getTranslation)();
+  if (!user) return null;
+  return /* @__PURE__ */React.createElement(_ui.Card, {
+    className: "col-span-1 md:col-span-2 lg:col-span-1"
+  }, /* @__PURE__ */React.createElement(_ui.CardHeader, {
+    className: "flex flex-row items-center gap-4 pb-2"
+  }, /* @__PURE__ */React.createElement(_ui.Avatar, {
+    className: "h-12 w-12"
+  }, /* @__PURE__ */React.createElement(_ui.AvatarImage, {
+    src: user.image || "",
+    alt: user.name || "User"
+  }), /* @__PURE__ */React.createElement(_ui.AvatarFallback, null, user.name?.substring(0, 2).toUpperCase() || "U")), /* @__PURE__ */React.createElement("div", {
+    className: "flex flex-col"
+  }, /* @__PURE__ */React.createElement(_ui.CardTitle, {
+    className: "text-lg font-bold"
+  }, t("Welcome back, {name}!", {
+    name: user.name
+  })), /* @__PURE__ */React.createElement("p", {
+    className: "text-sm text-muted-foreground"
+  }, t("It's good to see you again.")))), /* @__PURE__ */React.createElement(_ui.CardContent, null, /* @__PURE__ */React.createElement("div", {
+    className: "text-sm text-muted-foreground"
+  }, t("You are logged in as {email}", {
+    email: user.email
+  }))));
+}

package/dist/ui/dashboard/widgets/WelcomeBackUserWidget.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export default function WelcomeBackUserWidget(): Promise<React.JSX.Element | null>;

package/dist/ui/dashboard/widgets/WelcomeBackUserWidget.mjs

@@ -0,0 +1,18 @@
+import { getCurrentSession } from "@arch-cadre/core/server";
+import { getTranslation } from "@arch-cadre/intl/server";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+  Avatar,
+  AvatarImage,
+  AvatarFallback
+} from "@arch-cadre/ui";
+import * as React from "react";
+export default async function WelcomeBackUserWidget() {
+  const { user } = await getCurrentSession();
+  const { t } = await getTranslation();
+  if (!user) return null;
+  return /* @__PURE__ */ React.createElement(Card, { className: "col-span-1 md:col-span-2 lg:col-span-1" }, /* @__PURE__ */ React.createElement(CardHeader, { className: "flex flex-row items-center gap-4 pb-2" }, /* @__PURE__ */ React.createElement(Avatar, { className: "h-12 w-12" }, /* @__PURE__ */ React.createElement(AvatarImage, { src: user.image || "", alt: user.name || "User" }), /* @__PURE__ */ React.createElement(AvatarFallback, null, user.name?.substring(0, 2).toUpperCase() || "U")), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React.createElement(CardTitle, { className: "text-lg font-bold" }, t("Welcome back, {name}!", { name: user.name })), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-muted-foreground" }, t("It's good to see you again.")))), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement("div", { className: "text-sm text-muted-foreground" }, t("You are logged in as {email}", { email: user.email }))));
+}