@open-kingdom/shared-frontend-feature-user-management 0.0.2-10

package/.babelrc

@@ -0,0 +1,12 @@
+{
+  "presets": [
+    [
+      "@nx/react/babel",
+      {
+        "runtime": "automatic",
+        "useBuiltIns": "usage"
+      }
+    ]
+  ],
+  "plugins": []
+}

package/README.md

@@ -0,0 +1,7 @@
+# @open-kingdom/feature-user-management
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test @open-kingdom/feature-user-management` to execute the unit tests via [Vitest](https://vitest.dev/).

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { UserList } from './lib/components/users/UserList.component';
+export { AcceptInvitation } from './lib/components/invitations';
+export { StatusCard } from './lib/components/shared/StatusCard.component';
+export type { User, Role } from './lib/types';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,2CAA2C,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,8CAA8C,CAAC;AAC1E,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC"}

package/dist/index.js

@@ -0,0 +1,538 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { useCallback as P, useState as I, useMemo as V } from "react";
+import { useDispatch as U } from "react-redux";
+import { useInvitationsControllerInviteMutation as B, useInvitationsControllerValidateQuery as E, useInvitationsControllerAcceptMutation as G, useUsersControllerFindAllQuery as q, useUsersControllerDeleteMutation as z } from "@open-kingdom/shared-frontend-data-access-api-client";
+import { showSuccessNotification as F } from "@open-kingdom/shared-frontend-data-access-notifications";
+import { DataGrid as Y } from "@open-kingdom/shared-frontend-ui-datagrid";
+import { useTheme as O } from "@open-kingdom/shared-frontend-ui-theme";
+import { useKeyboardEvent as Q } from "@react-hookz/web";
+import { useForm as A } from "react-hook-form";
+import { zodResolver as L } from "@hookform/resolvers/zod";
+import { z as p } from "zod";
+function j({
+  isOpen: t,
+  onClose: a,
+  ariaLabelledBy: r,
+  children: s
+}) {
+  Q("Escape", () => {
+    t && a();
+  });
+  const n = P((l) => {
+    l?.focus();
+  }, []);
+  return t ? /* @__PURE__ */ e(
+    "div",
+    {
+      className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50",
+      onClick: a,
+      children: /* @__PURE__ */ e(
+        "div",
+        {
+          ref: n,
+          className: "w-full max-w-md rounded-lg bg-white p-6 shadow-xl dark:bg-neutral-800",
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": r,
+          tabIndex: -1,
+          onClick: (l) => l.stopPropagation(),
+          children: s
+        }
+      )
+    }
+  ) : null;
+}
+const b = "w-full px-3 py-2 border border-neutral-300 dark:border-neutral-600 rounded-md bg-white dark:bg-neutral-700 text-neutral-900 dark:text-neutral-100", J = "block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1", k = "max-w-md mx-auto mt-8 p-6 bg-white dark:bg-neutral-800 rounded-lg shadow-lg", S = "text-neutral-600 dark:text-neutral-400", C = "rounded-md px-4 py-2 text-sm font-medium transition-colors", D = `${C} bg-primary-500 text-white hover:bg-primary-600 disabled:opacity-50`, M = `${C} border border-neutral-300 text-neutral-700 hover:bg-neutral-50 dark:border-neutral-600 dark:text-neutral-300 dark:hover:bg-neutral-700`, K = `${C} bg-error-500 text-white hover:bg-error-600 disabled:opacity-50`;
+function H({
+  isOpen: t,
+  title: a,
+  message: r,
+  confirmLabel: s = "Confirm",
+  onConfirm: n,
+  onCancel: l,
+  isLoading: o = !1
+}) {
+  const d = "confirm-dialog-title";
+  return /* @__PURE__ */ i(j, { isOpen: t, onClose: l, ariaLabelledBy: d, children: [
+    /* @__PURE__ */ e(
+      "h3",
+      {
+        id: d,
+        className: "text-lg font-semibold text-neutral-900 dark:text-neutral-100",
+        children: a
+      }
+    ),
+    /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-neutral-600 dark:text-neutral-400", children: r }),
+    /* @__PURE__ */ i("div", { className: "mt-6 flex justify-end gap-3", children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          "data-testid": "confirm-cancel-btn",
+          onClick: l,
+          disabled: o,
+          className: M,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          "data-testid": "confirm-btn",
+          onClick: n,
+          disabled: o,
+          className: K,
+          children: s
+        }
+      )
+    ] })
+  ] });
+}
+const W = {
+  admin: "bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300",
+  user: "bg-primary-100 text-primary-800 dark:bg-primary-900/30 dark:text-primary-300",
+  guest: "bg-neutral-100 text-neutral-700 dark:bg-neutral-700 dark:text-neutral-300"
+};
+function X({ role: t }) {
+  if (!t) return null;
+  const a = t.charAt(0).toUpperCase() + t.slice(1);
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      className: `inline-block rounded-full px-2.5 py-0.5 text-xs font-medium ${W[t]}`,
+      children: a
+    }
+  );
+}
+function x({
+  label: t,
+  htmlFor: a,
+  required: r,
+  error: s,
+  children: n
+}) {
+  return /* @__PURE__ */ i("div", { children: [
+    /* @__PURE__ */ i("label", { htmlFor: a, className: J, children: [
+      t,
+      " ",
+      r && /* @__PURE__ */ e("span", { className: "text-error-500", children: "*" })
+    ] }),
+    n,
+    s && /* @__PURE__ */ e(
+      "p",
+      {
+        "data-testid": "field-error",
+        className: "mt-1 text-sm text-error-600 dark:text-error-400",
+        children: s
+      }
+    )
+  ] });
+}
+const Z = p.object({
+  email: p.string().email("Invalid email address"),
+  role: p.enum(["guest", "user", "admin"])
+});
+function _({ isOpen: t, onClose: a }) {
+  const r = U(), [s, { isLoading: n }] = B(), {
+    register: l,
+    handleSubmit: o,
+    reset: d,
+    formState: { errors: c }
+  } = A({
+    resolver: L(Z),
+    defaultValues: { email: "", role: "guest" }
+  }), h = "invite-modal-title", f = () => {
+    d(), a();
+  };
+  return /* @__PURE__ */ i(
+    j,
+    {
+      isOpen: t,
+      onClose: f,
+      ariaLabelledBy: h,
+      children: [
+        /* @__PURE__ */ e(
+          "h3",
+          {
+            id: h,
+            className: "text-lg font-semibold text-neutral-900 dark:text-neutral-100",
+            children: "Invite User"
+          }
+        ),
+        /* @__PURE__ */ i("form", { onSubmit: o(async (m) => {
+          try {
+            await s({ inviteUserDto: m }).unwrap(), r(F("Invitation sent successfully")), d(), a();
+          } catch {
+          }
+        }), className: "mt-4 space-y-4", children: [
+          /* @__PURE__ */ e(
+            x,
+            {
+              label: "Email",
+              htmlFor: "invite-email",
+              required: !0,
+              error: c.email?.message,
+              children: /* @__PURE__ */ e(
+                "input",
+                {
+                  id: "invite-email",
+                  "data-testid": "invite-email-input",
+                  type: "email",
+                  placeholder: "user@example.com",
+                  className: b,
+                  ...l("email")
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e(x, { label: "Role", htmlFor: "invite-role", children: /* @__PURE__ */ i(
+            "select",
+            {
+              id: "invite-role",
+              "data-testid": "invite-role-select",
+              className: b,
+              ...l("role"),
+              children: [
+                /* @__PURE__ */ e("option", { value: "guest", children: "Guest" }),
+                /* @__PURE__ */ e("option", { value: "user", children: "User" }),
+                /* @__PURE__ */ e("option", { value: "admin", children: "Admin" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ i("div", { className: "flex justify-end gap-3", children: [
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                "data-testid": "invite-cancel-btn",
+                onClick: f,
+                disabled: n,
+                className: M,
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "submit",
+                "data-testid": "invite-submit-btn",
+                disabled: n,
+                className: D,
+                children: n ? "Sending..." : "Send Invitation"
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+const ee = {
+  error: "text-xl font-bold text-error-700 dark:text-error-400",
+  success: "text-xl font-bold text-success-700 dark:text-success-400"
+};
+function w({
+  variant: t,
+  title: a,
+  message: r,
+  children: s
+}) {
+  return t === "loading" ? /* @__PURE__ */ e("div", { className: k, children: /* @__PURE__ */ e("p", { className: `text-center ${S}`, children: r }) }) : /* @__PURE__ */ i(
+    "div",
+    {
+      className: k,
+      role: t === "error" ? "alert" : void 0,
+      children: [
+        a && /* @__PURE__ */ e("h2", { "data-testid": "status-card-title", className: ee[t], children: a }),
+        /* @__PURE__ */ e("p", { "data-testid": "status-card-message", className: `mt-2 ${S}`, children: r }),
+        s
+      ]
+    }
+  );
+}
+const te = p.object({
+  firstName: p.string().optional(),
+  lastName: p.string().optional(),
+  password: p.string().min(8, "Password must be at least 8 characters"),
+  confirmPassword: p.string()
+}).refine((t) => t.password === t.confirmPassword, {
+  message: "Passwords do not match",
+  path: ["confirmPassword"]
+});
+function pe({ token: t, loginPath: a }) {
+  const {
+    data: r,
+    isLoading: s,
+    error: n
+  } = E({ token: t }), [l, { isLoading: o, isSuccess: d }] = G(), {
+    register: c,
+    handleSubmit: h,
+    formState: { errors: f }
+  } = A({
+    resolver: L(te),
+    defaultValues: {
+      firstName: "",
+      lastName: "",
+      password: "",
+      confirmPassword: ""
+    }
+  }), g = r?.email ?? "", m = r?.role ?? "user", v = async (y) => {
+    try {
+      await l({
+        acceptInvitationDto: {
+          token: t,
+          password: y.password,
+          firstName: y.firstName || void 0,
+          lastName: y.lastName || void 0
+        }
+      }).unwrap();
+    } catch {
+    }
+  };
+  return d ? /* @__PURE__ */ e(
+    w,
+    {
+      variant: "success",
+      title: "Account Created",
+      message: "Your account has been created successfully. You can now log in with your email and password.",
+      children: a && /* @__PURE__ */ e(
+        "a",
+        {
+          href: a,
+          "data-testid": "accept-login-link",
+          className: "mt-4 inline-block text-sm font-medium text-primary-600 hover:underline dark:text-primary-400",
+          children: "Go to login"
+        }
+      )
+    }
+  ) : s ? /* @__PURE__ */ e(w, { variant: "loading", message: "Validating invitation..." }) : n ? /* @__PURE__ */ e(
+    w,
+    {
+      variant: "error",
+      title: "Validation Failed",
+      message: "Unable to validate this invitation. Please check your connection and try again."
+    }
+  ) : r?.valid ? /* @__PURE__ */ i("div", { className: k, children: [
+    /* @__PURE__ */ e(
+      "h2",
+      {
+        "data-testid": "accept-heading",
+        className: "text-xl font-bold text-neutral-900 dark:text-neutral-100",
+        children: "Accept Invitation"
+      }
+    ),
+    /* @__PURE__ */ i("p", { className: `mt-1 text-sm ${S}`, children: [
+      "You've been invited as ",
+      /* @__PURE__ */ e("strong", { "data-testid": "accept-role", children: m }),
+      " ",
+      "with email ",
+      /* @__PURE__ */ e("strong", { "data-testid": "accept-email", children: g })
+    ] }),
+    /* @__PURE__ */ i("form", { onSubmit: h(v), className: "mt-4 space-y-4", children: [
+      /* @__PURE__ */ e(x, { label: "First Name", htmlFor: "accept-firstName", children: /* @__PURE__ */ e(
+        "input",
+        {
+          id: "accept-firstName",
+          "data-testid": "accept-first-name-input",
+          type: "text",
+          placeholder: "John",
+          className: b,
+          ...c("firstName")
+        }
+      ) }),
+      /* @__PURE__ */ e(x, { label: "Last Name", htmlFor: "accept-lastName", children: /* @__PURE__ */ e(
+        "input",
+        {
+          id: "accept-lastName",
+          "data-testid": "accept-last-name-input",
+          type: "text",
+          placeholder: "Doe",
+          className: b,
+          ...c("lastName")
+        }
+      ) }),
+      /* @__PURE__ */ e(
+        x,
+        {
+          label: "Password",
+          htmlFor: "accept-password",
+          required: !0,
+          error: f.password?.message,
+          children: /* @__PURE__ */ e(
+            "input",
+            {
+              id: "accept-password",
+              "data-testid": "accept-password-input",
+              type: "password",
+              placeholder: "Min. 8 characters",
+              className: b,
+              ...c("password")
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e(
+        x,
+        {
+          label: "Confirm Password",
+          htmlFor: "accept-confirmPassword",
+          required: !0,
+          error: f.confirmPassword?.message,
+          children: /* @__PURE__ */ e(
+            "input",
+            {
+              id: "accept-confirmPassword",
+              "data-testid": "accept-confirm-password-input",
+              type: "password",
+              placeholder: "Repeat password",
+              className: b,
+              ...c("confirmPassword")
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "submit",
+          "data-testid": "accept-submit-btn",
+          disabled: o,
+          className: `w-full ${D}`,
+          children: o ? "Creating account..." : "Create Account"
+        }
+      )
+    ] })
+  ] }) : /* @__PURE__ */ e(
+    w,
+    {
+      variant: "error",
+      title: "Invalid Invitation",
+      message: "This invitation link is invalid or has expired. Please contact the person who invited you for a new link."
+    }
+  );
+}
+function he({ currentUserId: t }) {
+  const a = U(), { theme: r, mode: s } = O(), { data: n, isLoading: l, error: o, refetch: d } = q(), [c, { isLoading: h }] = z(), [f, g] = I(!1), [m, v] = I(null), y = n ?? [], $ = P(async () => {
+    if (m)
+      try {
+        await c({ id: m.id }).unwrap(), a(F("User deleted successfully"));
+      } catch {
+      } finally {
+        v(null);
+      }
+  }, [m, c, a]), R = V(
+    () => [
+      { field: "email", headerName: "Email", flex: 2 },
+      {
+        headerName: "Name",
+        flex: 2,
+        valueGetter: (u) => {
+          const { firstName: N, lastName: T } = u.data ?? {};
+          return [N, T].filter(Boolean).join(" ") || "—";
+        }
+      },
+      {
+        field: "role",
+        headerName: "Role",
+        flex: 1,
+        cellRenderer: (u) => u.data ? /* @__PURE__ */ e(X, { role: u.data.role }) : null
+      },
+      {
+        headerName: "Actions",
+        flex: 1,
+        sortable: !1,
+        filter: !1,
+        cellRenderer: (u) => {
+          if (!u.data) return null;
+          const N = u.data.id === t;
+          return /* @__PURE__ */ e(
+            "button",
+            {
+              onClick: () => u.data && v(u.data),
+              disabled: N,
+              title: N ? "Cannot delete your own account" : "Delete user",
+              className: "rounded px-2 py-1 text-xs font-medium text-error-600 transition-colors hover:bg-error-50 disabled:cursor-not-allowed disabled:opacity-40 dark:text-error-400 dark:hover:bg-error-900/20",
+              children: "Delete"
+            }
+          );
+        }
+      }
+    ],
+    [t]
+  );
+  return o ? /* @__PURE__ */ i(
+    "div",
+    {
+      "data-testid": "users-error",
+      className: "rounded-lg bg-error-50 p-6 text-center dark:bg-error-900/20",
+      role: "alert",
+      children: [
+        /* @__PURE__ */ e("p", { className: "text-error-700 dark:text-error-300", children: "Failed to load users." }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            "data-testid": "users-retry-btn",
+            onClick: d,
+            className: "mt-2 text-sm font-medium text-primary-600 hover:underline dark:text-primary-400",
+            children: "Try again"
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ i("div", { children: [
+    /* @__PURE__ */ i("div", { className: "mb-4 flex items-center justify-between", children: [
+      /* @__PURE__ */ e(
+        "h2",
+        {
+          "data-testid": "users-heading",
+          className: "text-xl font-semibold text-neutral-900 dark:text-neutral-100",
+          children: "Users"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          "data-testid": "invite-user-btn",
+          onClick: () => g(!0),
+          className: D,
+          children: "Invite User"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(
+      Y,
+      {
+        rowData: y,
+        columnDefs: R,
+        mode: s,
+        theme: r,
+        loading: l
+      }
+    ),
+    /* @__PURE__ */ e(
+      _,
+      {
+        isOpen: f,
+        onClose: () => g(!1)
+      }
+    ),
+    /* @__PURE__ */ e(
+      H,
+      {
+        isOpen: !!m,
+        title: "Delete User",
+        message: `Are you sure you want to delete ${m?.email}? This action cannot be undone.`,
+        confirmLabel: h ? "Deleting..." : "Delete",
+        onConfirm: $,
+        onCancel: () => v(null),
+        isLoading: h
+      }
+    )
+  ] });
+}
+export {
+  pe as AcceptInvitation,
+  w as StatusCard,
+  he as UserList
+};

package/dist/lib/components/invitations/AcceptInvitation.component.d.ts

@@ -0,0 +1,7 @@
+interface AcceptInvitationProps {
+    token: string;
+    loginPath?: string;
+}
+export declare function AcceptInvitation({ token, loginPath }: AcceptInvitationProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AcceptInvitation.component.d.ts.map

package/dist/lib/components/invitations/AcceptInvitation.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AcceptInvitation.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/invitations/AcceptInvitation.component.tsx"],"names":[],"mappings":"AA8BA,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CAiK3E"}

package/dist/lib/components/invitations/InviteUserModal.component.d.ts

@@ -0,0 +1,7 @@
+interface InviteUserModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+}
+export declare function InviteUserModal({ isOpen, onClose }: InviteUserModalProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=InviteUserModal.component.d.ts.map

package/dist/lib/components/invitations/InviteUserModal.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InviteUserModal.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/invitations/InviteUserModal.component.tsx"],"names":[],"mappings":"AAqBA,UAAU,oBAAoB;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,oBAAoB,2CA8FxE"}

package/dist/lib/components/invitations/index.d.ts

@@ -0,0 +1,3 @@
+export { InviteUserModal } from './InviteUserModal.component';
+export { AcceptInvitation } from './AcceptInvitation.component';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/components/invitations/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/invitations/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/lib/components/shared/ConfirmDialog.component.d.ts

@@ -0,0 +1,12 @@
+interface ConfirmDialogProps {
+    isOpen: boolean;
+    title: string;
+    message: string;
+    confirmLabel?: string;
+    onConfirm: () => void;
+    onCancel: () => void;
+    isLoading?: boolean;
+}
+export declare function ConfirmDialog({ isOpen, title, message, confirmLabel, onConfirm, onCancel, isLoading, }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ConfirmDialog.component.d.ts.map

package/dist/lib/components/shared/ConfirmDialog.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/shared/ConfirmDialog.component.tsx"],"names":[],"mappings":"AAGA,UAAU,kBAAkB;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,KAAK,EACL,OAAO,EACP,YAAwB,EACxB,SAAS,EACT,QAAQ,EACR,SAAiB,GAClB,EAAE,kBAAkB,2CAoCpB"}

package/dist/lib/components/shared/FormField.component.d.ts

@@ -0,0 +1,10 @@
+interface FormFieldProps {
+    label: string;
+    htmlFor: string;
+    required?: boolean;
+    error?: string;
+    children: React.ReactNode;
+}
+export declare function FormField({ label, htmlFor, required, error, children, }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FormField.component.d.ts.map

package/dist/lib/components/shared/FormField.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/shared/FormField.component.tsx"],"names":[],"mappings":"AAEA,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,KAAK,EACL,QAAQ,GACT,EAAE,cAAc,2CAiBhB"}

package/dist/lib/components/shared/ModalOverlay.component.d.ts

@@ -0,0 +1,9 @@
+interface ModalOverlayProps {
+    isOpen: boolean;
+    onClose: () => void;
+    ariaLabelledBy: string;
+    children: React.ReactNode;
+}
+export declare function ModalOverlay({ isOpen, onClose, ariaLabelledBy, children, }: ModalOverlayProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=ModalOverlay.component.d.ts.map

package/dist/lib/components/shared/ModalOverlay.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalOverlay.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/shared/ModalOverlay.component.tsx"],"names":[],"mappings":"AAGA,UAAU,iBAAiB;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,cAAc,EACd,QAAQ,GACT,EAAE,iBAAiB,kDA6BnB"}

package/dist/lib/components/shared/RoleBadge.component.d.ts

@@ -0,0 +1,7 @@
+import { Role } from '../../types';
+interface RoleBadgeProps {
+    role: Role;
+}
+export declare function RoleBadge({ role }: RoleBadgeProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=RoleBadge.component.d.ts.map

package/dist/lib/components/shared/RoleBadge.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoleBadge.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/shared/RoleBadge.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAUxC,UAAU,cAAc;IACtB,IAAI,EAAE,IAAI,CAAC;CACZ;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE,cAAc,kDAUjD"}

package/dist/lib/components/shared/StatusCard.component.d.ts

@@ -0,0 +1,10 @@
+type StatusVariant = 'loading' | 'error' | 'success';
+interface StatusCardProps {
+    variant: StatusVariant;
+    title?: string;
+    message: string;
+    children?: React.ReactNode;
+}
+export declare function StatusCard({ variant, title, message, children, }: StatusCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StatusCard.component.d.ts.map

package/dist/lib/components/shared/StatusCard.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusCard.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/shared/StatusCard.component.tsx"],"names":[],"mappings":"AAEA,KAAK,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAErD,UAAU,eAAe;IACvB,OAAO,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAOD,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,KAAK,EACL,OAAO,EACP,QAAQ,GACT,EAAE,eAAe,2CAyBjB"}