@arch-cadre/panel 0.0.1

package/dist/ui/components/manager/module-upload.d.ts

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

package/dist/ui/components/manager/module-upload.mjs

@@ -0,0 +1,68 @@
+"use client";
+import { useTranslation } from "@arch-cadre/intl";
+import { Button } from "@arch-cadre/ui/components/button";
+import { Loader2, Lock, Upload } from "lucide-react";
+import * as React from "react";
+import { useEffect, useRef, useState } from "react";
+import { toast } from "sonner";
+import {
+  checkDiskWriteAccess,
+  uploadModuleAction
+} from "../../../actions/manager.mjs";
+export function ModuleUpload() {
+  const [isUploading, setIsUploading] = useState(false);
+  const [canWrite, setCanWrite] = useState(null);
+  const fileInputRef = useRef(null);
+  const { t } = useTranslation();
+  useEffect(() => {
+    checkDiskWriteAccess().then((res) => setCanWrite(res.canWrite));
+  }, []);
+  const handleUpload = async (e) => {
+    const file = e.target.files?.[0];
+    if (!file) return;
+    if (!file.name.endsWith(".zip")) {
+      toast.error(t("Invalid file"));
+      return;
+    }
+    const formData = new FormData();
+    formData.append("file", file);
+    setIsUploading(true);
+    const id = toast.loading(t("Uploading..."));
+    try {
+      const result = await uploadModuleAction(formData);
+      if (result.success) {
+        toast.success(t("Upload successful"), { id });
+        if (fileInputRef.current) fileInputRef.current.value = "";
+      } else {
+        toast.error(result.error || t("Upload error"), { id });
+      }
+    } catch (_error) {
+      toast.error(t("error_occurred"), { id });
+    } finally {
+      setIsUploading(false);
+    }
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React.createElement(
+    "input",
+    {
+      type: "file",
+      accept: ".zip",
+      className: "hidden",
+      ref: fileInputRef,
+      onChange: handleUpload,
+      disabled: isUploading
+    }
+  ), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      onClick: () => fileInputRef.current?.click(),
+      disabled: isUploading || canWrite === false,
+      variant: "outline",
+      size: "sm",
+      className: "gap-2 w-full sm:w-auto",
+      title: canWrite === false ? t("No write access") : void 0
+    },
+    isUploading ? /* @__PURE__ */ React.createElement(Loader2, { className: "size-4 animate-spin" }) : canWrite === false ? /* @__PURE__ */ React.createElement(Lock, { className: "size-4 text-destructive" }) : /* @__PURE__ */ React.createElement(Upload, { className: "size-4" }),
+    canWrite === false ? t("Upload disabled") : t("Upload module")
+  ));
+}

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

@@ -0,0 +1,239 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UpdateEmailForm = UpdateEmailForm;
+exports.UpdatePasswordForm = UpdatePasswordForm;
+exports.UpdateProfileForm = UpdateProfileForm;
+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 UpdateProfileForm({
+  user
+}) {
+  const {
+    t
+  } = (0, _intl.useTranslation)();
+  const [name, setName] = (0, _react.useState)(user.name);
+  const [isPending, startTransition] = (0, _react.useTransition)();
+  const [image, setImage] = (0, _react.useState)(user.image);
+  const [avatar, setAvatar] = (0, _react.useState)(void 0);
+  const fileInputRef = (0, _react.useRef)(null);
+  const handleFileChange = e => {
+    const file = e.target.files?.[0];
+    if (file) {
+      setAvatar(file);
+      const reader = new FileReader();
+      reader.onload = event => {
+        setImage(event.target?.result);
+      };
+      reader.readAsDataURL(file);
+    }
+  };
+  const triggerFileInput = () => {
+    fileInputRef.current?.click();
+  };
+  const handleSubmit = async e => {
+    e.preventDefault();
+    if (!name.trim()) {
+      _ui.toast.error(t("Name is required"));
+      return;
+    }
+    startTransition(async () => {
+      const result = await (0, _profile.updateProfileAction)(name.trim(), avatar);
+      if (result.error) {
+        _ui.toast.error(result.error);
+      } else {
+        _ui.toast.success(result.message);
+      }
+    });
+  };
+  return /* @__PURE__ */React.createElement("form", {
+    onSubmit: handleSubmit,
+    className: "space-y-4"
+  }, /* @__PURE__ */React.createElement("div", {
+    className: "grid grid-cols-12"
+  }, /* @__PURE__ */React.createElement("div", {
+    className: "col-span-3 flex items-center flex-col"
+  }, /* @__PURE__ */React.createElement("div", {
+    className: "relative mb-2"
+  }, /* @__PURE__ */React.createElement(_avatar.Avatar, {
+    className: "h-24 w-24 border-2 border-muted"
+  }, /* @__PURE__ */React.createElement(_avatar.AvatarImage, {
+    src: image || void 0,
+    alt: name
+  }), /* @__PURE__ */React.createElement(_avatar.AvatarFallback, {
+    className: "text-3xl"
+  }, name.charAt(0))), /* @__PURE__ */React.createElement(_button.Button, {
+    type: "button",
+    variant: "ghost",
+    size: "icon",
+    className: "absolute -top-0.5 -right-0.5 bg-accent rounded-full border-[3px] border-background h-8 w-8 hover:bg-accent",
+    onClick: () => {
+      if (image) {
+        setImage(null);
+        if (fileInputRef.current) {
+          fileInputRef.current.value = "";
+        }
+      } else {
+        triggerFileInput();
+      }
+    }
+  }, image ? /* @__PURE__ */React.createElement(_ui.Icon, {
+    icon: "solar:trash-bin-trash-broken",
+    className: "h-4 w-4 text-muted-foreground"
+  }) : /* @__PURE__ */React.createElement(_ui.Icon, {
+    icon: "solar:add-circle-broken",
+    className: "h-3 w-3 text-muted-foreground"
+  }), /* @__PURE__ */React.createElement("span", {
+    className: "sr-only"
+  }, image ? t("Remove image") : t("Upload image")))), /* @__PURE__ */React.createElement("p", {
+    className: "text-center font-medium"
+  }, t("Upload Image")), /* @__PURE__ */React.createElement("p", {
+    className: "text-center text-sm text-muted-foreground"
+  }, t("Max file size: 1MB")), /* @__PURE__ */React.createElement("input", {
+    type: "file",
+    ref: fileInputRef,
+    onChange: handleFileChange,
+    accept: "image/*",
+    className: "hidden"
+  })), /* @__PURE__ */React.createElement("div", {
+    className: "col-span-9 space-y-4"
+  }, /* @__PURE__ */React.createElement("div", {
+    className: "space-y-2"
+  }, /* @__PURE__ */React.createElement(_label.Label, {
+    htmlFor: "name"
+  }, t("Display Name")), /* @__PURE__ */React.createElement(_input.Input, {
+    id: "name",
+    value: name,
+    onChange: e => setName(e.target.value),
+    placeholder: t("Your name"),
+    disabled: isPending
+  })))), /* @__PURE__ */React.createElement(_button.Button, {
+    type: "submit",
+    disabled: isPending
+  }, isPending ? /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(_ui.Icon, {
+    icon: "solar:refresh-broken",
+    className: "h-4 w-4 mr-2 animate-spin"
+  }), t("Saving...")) : /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(_ui.Icon, {
+    icon: "solar:diskette-broken",
+    className: "h-4 w-4 mr-2"
+  }), t("Save Changes"))));
+}
+const initialUpdatePasswordState = {
+  message: "",
+  error: false
+};
+function UpdatePasswordForm() {
+  const [state, action, isPending] = (0, _react.useActionState)(_profile.updatePasswordAction, initialUpdatePasswordState);
+  const {
+    t
+  } = (0, _intl.useTranslation)();
+  const [currentPassword, setCurrentPassword] = (0, _react.useState)("");
+  const [newPassword, setNewPassword] = (0, _react.useState)("");
+  const [confirmPassword, setConfirmPassword] = (0, _react.useState)("");
+  return /* @__PURE__ */React.createElement("form", {
+    action,
+    className: "space-y-4"
+  }, /* @__PURE__ */React.createElement("div", {
+    className: "space-y-2"
+  }, /* @__PURE__ */React.createElement(_label.Label, {
+    htmlFor: "current-password"
+  }, t("Current Password")), /* @__PURE__ */React.createElement(_input.Input, {
+    type: "password",
+    id: "current-password",
+    name: "password",
+    value: currentPassword,
+    onChange: e => setCurrentPassword(e.target.value),
+    autoComplete: "current-password",
+    placeholder: t("Enter current password"),
+    required: true,
+    disabled: isPending
+  })), /* @__PURE__ */React.createElement("div", {
+    className: "space-y-2"
+  }, /* @__PURE__ */React.createElement(_label.Label, {
+    htmlFor: "new-password"
+  }, t("New Password")), /* @__PURE__ */React.createElement(_input.Input, {
+    type: "password",
+    id: "new-password",
+    name: "new_password",
+    value: newPassword,
+    onChange: e => setNewPassword(e.target.value),
+    autoComplete: "new-password",
+    placeholder: t("Enter new password"),
+    required: true,
+    disabled: isPending
+  })), /* @__PURE__ */React.createElement("div", {
+    className: "space-y-2"
+  }, /* @__PURE__ */React.createElement(_label.Label, {
+    htmlFor: "confirm-password"
+  }, t("Confirm New Password")), /* @__PURE__ */React.createElement(_input.Input, {
+    type: "password",
+    id: "confirm-password",
+    value: confirmPassword,
+    onChange: e => setConfirmPassword(e.target.value),
+    autoComplete: "new-password",
+    placeholder: t("Confirm new password"),
+    required: true,
+    disabled: isPending
+  })), state.message && /* @__PURE__ */React.createElement("p", {
+    className: (0, _ui.cn)("text-sm", state.error ? "text-destructive" : "text-green-600")
+  }, state.message), /* @__PURE__ */React.createElement(_button.Button, {
+    type: "submit",
+    disabled: isPending
+  }, isPending ? /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(_ui.Icon, {
+    icon: "solar:refresh-broken",
+    className: "h-4 w-4 mr-2 animate-spin"
+  }), t("Updating...")) : /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(_ui.Icon, {
+    icon: "solar:key-broken",
+    className: "h-4 w-4 mr-2"
+  }), t("Update Password"))));
+}
+const initialUpdateEmailState = {
+  message: "",
+  error: false
+};
+function UpdateEmailForm({
+  user
+}) {
+  const [state, action, isPending] = (0, _react.useActionState)(_profile.updateEmailAction, initialUpdateEmailState);
+  const {
+    t
+  } = (0, _intl.useTranslation)();
+  const [email, setEmail] = (0, _react.useState)(user.email);
+  return /* @__PURE__ */React.createElement("form", {
+    action,
+    className: "space-y-4"
+  }, /* @__PURE__ */React.createElement("div", {
+    className: "space-y-2"
+  }, /* @__PURE__ */React.createElement(_label.Label, {
+    htmlFor: "new-email"
+  }, t("New Email Address")), /* @__PURE__ */React.createElement(_input.Input, {
+    type: "email",
+    id: "new-email",
+    name: "email",
+    value: email,
+    onChange: e => setEmail(e.target.value),
+    placeholder: t("Enter new email address"),
+    required: true,
+    disabled: isPending
+  })), state.message && /* @__PURE__ */React.createElement("p", {
+    className: (0, _ui.cn)("text-sm", state.error ? "text-destructive" : "text-green-600")
+  }, state.message), /* @__PURE__ */React.createElement(_button.Button, {
+    type: "submit",
+    disabled: isPending
+  }, isPending ? /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(_ui.Icon, {
+    icon: "solar:refresh-broken",
+    className: "h-4 w-4 mr-2 animate-spin"
+  }), t("Updating...")) : /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(_ui.Icon, {
+    icon: "solar:letter-broken",
+    className: "h-4 w-4 mr-2"
+  }), t("Update Email"))));
+}

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

@@ -0,0 +1,8 @@
+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;
+export declare function UpdateEmailForm({ user }: {
+    user: FullUser;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,219 @@
+"use client";
+import { useTranslation } from "@arch-cadre/intl";
+import { cn, Icon, toast } from "@arch-cadre/ui";
+import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage
+} from "@arch-cadre/ui/components/avatar";
+import { Button } from "@arch-cadre/ui/components/button";
+import { Input } from "@arch-cadre/ui/components/input";
+import { Label } from "@arch-cadre/ui/components/label";
+import { useActionState, useRef, useState, useTransition } from "react";
+import {
+  updateEmailAction,
+  updatePasswordAction,
+  updateProfileAction
+} from "../../../actions/profile.mjs";
+export function UpdateProfileForm({ user }) {
+  const { t } = useTranslation();
+  const [name, setName] = useState(user.name);
+  const [isPending, startTransition] = useTransition();
+  const [image, setImage] = useState(user.image);
+  const [avatar, setAvatar] = useState(void 0);
+  const fileInputRef = useRef(null);
+  const handleFileChange = (e) => {
+    const file = e.target.files?.[0];
+    if (file) {
+      setAvatar(file);
+      const reader = new FileReader();
+      reader.onload = (event) => {
+        setImage(event.target?.result);
+      };
+      reader.readAsDataURL(file);
+    }
+  };
+  const triggerFileInput = () => {
+    fileInputRef.current?.click();
+  };
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!name.trim()) {
+      toast.error(t("Name is required"));
+      return;
+    }
+    startTransition(async () => {
+      const result = await updateProfileAction(name.trim(), avatar);
+      if (result.error) {
+        toast.error(result.error);
+      } else {
+        toast.success(result.message);
+      }
+    });
+  };
+  return /* @__PURE__ */ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-12" }, /* @__PURE__ */ React.createElement("div", { className: "col-span-3 flex items-center flex-col" }, /* @__PURE__ */ React.createElement("div", { className: "relative mb-2" }, /* @__PURE__ */ React.createElement(Avatar, { className: "h-24 w-24 border-2 border-muted" }, /* @__PURE__ */ React.createElement(AvatarImage, { src: image || void 0, alt: name }), /* @__PURE__ */ React.createElement(AvatarFallback, { className: "text-3xl" }, name.charAt(0))), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      type: "button",
+      variant: "ghost",
+      size: "icon",
+      className: "absolute -top-0.5 -right-0.5 bg-accent rounded-full border-[3px] border-background h-8 w-8 hover:bg-accent",
+      onClick: () => {
+        if (image) {
+          setImage(null);
+          if (fileInputRef.current) {
+            fileInputRef.current.value = "";
+          }
+        } else {
+          triggerFileInput();
+        }
+      }
+    },
+    image ? /* @__PURE__ */ React.createElement(
+      Icon,
+      {
+        icon: "solar:trash-bin-trash-broken",
+        className: "h-4 w-4 text-muted-foreground"
+      }
+    ) : /* @__PURE__ */ React.createElement(
+      Icon,
+      {
+        icon: "solar:add-circle-broken",
+        className: "h-3 w-3 text-muted-foreground"
+      }
+    ),
+    /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, image ? t("Remove image") : t("Upload image"))
+  )), /* @__PURE__ */ React.createElement("p", { className: "text-center font-medium" }, t("Upload Image")), /* @__PURE__ */ React.createElement("p", { className: "text-center text-sm text-muted-foreground" }, t("Max file size: 1MB")), /* @__PURE__ */ React.createElement(
+    "input",
+    {
+      type: "file",
+      ref: fileInputRef,
+      onChange: handleFileChange,
+      accept: "image/*",
+      className: "hidden"
+    }
+  )), /* @__PURE__ */ React.createElement("div", { className: "col-span-9 space-y-4" }, /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement(Label, { htmlFor: "name" }, t("Display Name")), /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      id: "name",
+      value: name,
+      onChange: (e) => setName(e.target.value),
+      placeholder: t("Your name"),
+      disabled: isPending
+    }
+  )))), /* @__PURE__ */ React.createElement(Button, { type: "submit", disabled: isPending }, isPending ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    Icon,
+    {
+      icon: "solar:refresh-broken",
+      className: "h-4 w-4 mr-2 animate-spin"
+    }
+  ), t("Saving...")) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Icon, { icon: "solar:diskette-broken", className: "h-4 w-4 mr-2" }), t("Save Changes"))));
+}
+const initialUpdatePasswordState = {
+  message: "",
+  error: false
+};
+export function UpdatePasswordForm() {
+  const [state, action, isPending] = useActionState(
+    updatePasswordAction,
+    initialUpdatePasswordState
+  );
+  const { t } = useTranslation();
+  const [currentPassword, setCurrentPassword] = useState("");
+  const [newPassword, setNewPassword] = useState("");
+  const [confirmPassword, setConfirmPassword] = useState("");
+  return /* @__PURE__ */ React.createElement("form", { action, className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement(Label, { htmlFor: "current-password" }, t("Current Password")), /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      type: "password",
+      id: "current-password",
+      name: "password",
+      value: currentPassword,
+      onChange: (e) => setCurrentPassword(e.target.value),
+      autoComplete: "current-password",
+      placeholder: t("Enter current password"),
+      required: true,
+      disabled: isPending
+    }
+  )), /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement(Label, { htmlFor: "new-password" }, t("New Password")), /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      type: "password",
+      id: "new-password",
+      name: "new_password",
+      value: newPassword,
+      onChange: (e) => setNewPassword(e.target.value),
+      autoComplete: "new-password",
+      placeholder: t("Enter new password"),
+      required: true,
+      disabled: isPending
+    }
+  )), /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement(Label, { htmlFor: "confirm-password" }, t("Confirm New Password")), /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      type: "password",
+      id: "confirm-password",
+      value: confirmPassword,
+      onChange: (e) => setConfirmPassword(e.target.value),
+      autoComplete: "new-password",
+      placeholder: t("Confirm new password"),
+      required: true,
+      disabled: isPending
+    }
+  )), state.message && /* @__PURE__ */ React.createElement(
+    "p",
+    {
+      className: cn(
+        "text-sm",
+        state.error ? "text-destructive" : "text-green-600"
+      )
+    },
+    state.message
+  ), /* @__PURE__ */ React.createElement(Button, { type: "submit", disabled: isPending }, isPending ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    Icon,
+    {
+      icon: "solar:refresh-broken",
+      className: "h-4 w-4 mr-2 animate-spin"
+    }
+  ), t("Updating...")) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Icon, { icon: "solar:key-broken", className: "h-4 w-4 mr-2" }), t("Update Password"))));
+}
+const initialUpdateEmailState = {
+  message: "",
+  error: false
+};
+export function UpdateEmailForm({ user }) {
+  const [state, action, isPending] = useActionState(
+    updateEmailAction,
+    initialUpdateEmailState
+  );
+  const { t } = useTranslation();
+  const [email, setEmail] = useState(user.email);
+  return /* @__PURE__ */ React.createElement("form", { action, className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement(Label, { htmlFor: "new-email" }, t("New Email Address")), /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      type: "email",
+      id: "new-email",
+      name: "email",
+      value: email,
+      onChange: (e) => setEmail(e.target.value),
+      placeholder: t("Enter new email address"),
+      required: true,
+      disabled: isPending
+    }
+  )), state.message && /* @__PURE__ */ React.createElement(
+    "p",
+    {
+      className: cn(
+        "text-sm",
+        state.error ? "text-destructive" : "text-green-600"
+      )
+    },
+    state.message
+  ), /* @__PURE__ */ React.createElement(Button, { type: "submit", disabled: isPending }, isPending ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    Icon,
+    {
+      icon: "solar:refresh-broken",
+      className: "h-4 w-4 mr-2 animate-spin"
+    }
+  ), t("Updating...")) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Icon, { icon: "solar:letter-broken", className: "h-4 w-4 mr-2" }), t("Update Email"))));
+}

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

@@ -0,0 +1,25 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UserDropdownLink = UserDropdownLink;
+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 UserDropdownLink() {
+  const root = "/kryo";
+  const {
+    t
+  } = (0, _intl.useTranslation)();
+  return /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(_dropdownMenu.DropdownMenuGroup, null, /* @__PURE__ */React.createElement(_link.default, {
+    href: `${root}/profile`
+  }, /* @__PURE__ */React.createElement(_dropdownMenu.DropdownMenuItem, {
+    className: "cursor-pointer "
+  }, /* @__PURE__ */React.createElement(_ui.Icon, {
+    icon: "solar:user-circle-broken"
+  }), t("Profile Settings")))));
+}

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

@@ -0,0 +1 @@
+export declare function UserDropdownLink(): import("react").JSX.Element;

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

@@ -0,0 +1,13 @@
+"use client";
+import { useTranslation } from "@arch-cadre/intl";
+import { Icon } from "@arch-cadre/ui";
+import {
+  DropdownMenuGroup,
+  DropdownMenuItem
+} from "@arch-cadre/ui/components/dropdown-menu";
+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")))));
+}

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

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = ProfileSettingsPage;
+var _server = require("@arch-cadre/core/server");
+var _server2 = require("@arch-cadre/intl/server");
+var _modules = require("@arch-cadre/modules");
+var _navigation = require("next/navigation");
+var _components = require("./components.cjs");
+async function ProfileSettingsPage() {
+  const {
+    session,
+    user
+  } = await (0, _server.getCurrentSession)();
+  const {
+    t
+  } = await (0, _server2.getTranslation)();
+  if (session === null || user === null) {
+    return (0, _navigation.redirect)("/signin");
+  }
+  const security = await (0, _server.checkSecurity)(session, user);
+  if (!security.satisfied && security.redirect) {
+    return (0, _navigation.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(_components.UpdateProfileForm, {
+    user
+  }), /* @__PURE__ */React.createElement(_components.UpdateEmailForm, {
+    user
+  }), /* @__PURE__ */React.createElement(_components.UpdatePasswordForm, null), /* @__PURE__ */React.createElement(_modules.ExtensionPoint, {
+    module: "user-profile",
+    point: "settings:extra-sections"
+  }));
+}

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

@@ -0,0 +1 @@
+export default function ProfileSettingsPage(): Promise<import("react").JSX.Element>;

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

@@ -0,0 +1,21 @@
+import { checkSecurity, getCurrentSession } from "@arch-cadre/core/server";
+import { getTranslation } from "@arch-cadre/intl/server";
+import { ExtensionPoint } from "@arch-cadre/modules";
+import { redirect } from "next/navigation";
+import {
+  UpdateEmailForm,
+  UpdatePasswordForm,
+  UpdateProfileForm
+} from "./components.mjs";
+export default async function ProfileSettingsPage() {
+  const { session, user } = await getCurrentSession();
+  const { t } = await getTranslation();
+  if (session === null || user === null) {
+    return redirect("/signin");
+  }
+  const security = await checkSecurity(session, user);
+  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" }));
+}