@blimu/react 1.1.0 → 1.1.1

package/dist/components/members-list.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"members-list.cjs","sources":["../../src/components/members-list.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { UserAvatar } from './user-avatar';\nimport { cn } from '../lib/utils';\n\nimport { useMembers, type ResourceMember } from '../hooks/use-members';\n\nexport interface MembersListProps {\n  /**\n   * Resource type (e.g., 'organization', 'workspace')\n   */\n  resourceType: string;\n\n  /**\n   * Resource ID\n   */\n  resourceId: string;\n\n  /**\n   * Initial page number\n   * @default 1\n   */\n  initialPage?: number;\n\n  /**\n   * Items per page\n   * @default 20\n   */\n  pageSize?: number;\n\n  /**\n   * Search query\n   */\n  search?: string;\n\n  /**\n   * Custom render function for each member\n   */\n  renderMember?: (member: ResourceMember) => React.ReactNode;\n\n  /**\n   * Custom className\n   */\n  className?: string;\n\n  /**\n   * Show pagination controls\n   * @default true\n   */\n  showPagination?: boolean;\n}\n\n/**\n * Paginated list of organization/resource members\n *\n * @example\n * ```tsx\n * <MembersList\n *   resourceType=\"organization\"\n *   resourceId=\"org_123\"\n * />\n * ```\n *\n * @example With custom rendering\n * ```tsx\n * <MembersList\n *   resourceType=\"workspace\"\n *   resourceId=\"ws_456\"\n *   renderMember={(member) => (\n *     <div className=\"flex items-center gap-2\">\n *       <UserAvatar src={member.user.avatarUrl} alt={member.user.email} />\n *       <div>\n *         <p>{member.user.firstName} {member.user.lastName}</p>\n *         <p className=\"text-sm text-muted-foreground\">{member.user.email}</p>\n *       </div>\n *       <Badge>{member.role}</Badge>\n *     </div>\n *   )}\n * />\n * ```\n */\nexport function MembersList({\n  resourceType,\n  resourceId,\n  initialPage = 1,\n  pageSize = 20,\n  search,\n  renderMember,\n  className,\n  showPagination = true,\n}: MembersListProps) {\n  const [page, setPage] = React.useState(initialPage);\n  const { members, total, isLoading, error, hasNextPage, hasPreviousPage, refetch } = useMembers({\n    resourceType,\n    resourceId,\n    page,\n    limit: pageSize,\n    search,\n  });\n\n  const defaultRenderMember = (member: ResourceMember) => {\n    const displayName =\n      member.user.firstName && member.user.lastName\n        ? `${member.user.firstName} ${member.user.lastName}`\n        : member.user.firstName || member.user.email?.split('@')[0] || 'User';\n\n    return (\n      <div className=\"flex items-center justify-between p-3 rounded-blimu hover:bg-blimu-accent transition-colors\">\n        <div className=\"flex items-center gap-3\">\n          <UserAvatar\n            src={member.user.avatarUrl || undefined}\n            alt={member.user.email}\n            fallback={displayName}\n            size=\"default\"\n          />\n          <div className=\"flex flex-col\">\n            <p className=\"text-sm font-medium text-blimu-foreground\">{displayName}</p>\n            <p className=\"text-xs text-blimu-muted-foreground\">{member.user.email}</p>\n          </div>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {member.inherited && (\n            <span className=\"text-xs text-blimu-muted-foreground\">(inherited)</span>\n          )}\n          <span className=\"text-xs font-medium text-blimu-foreground bg-blimu-muted px-2 py-1 rounded-blimu-sm\">\n            {member.role}\n          </span>\n        </div>\n      </div>\n    );\n  };\n\n  if (error) {\n    return (\n      <div className={cn('p-4 text-center', className)}>\n        <p className=\"text-sm text-blimu-destructive\">Error loading members: {error.message}</p>\n        <button\n          onClick={() => refetch()}\n          className=\"mt-2 text-sm text-blimu-primary hover:underline\"\n        >\n          Retry\n        </button>\n      </div>\n    );\n  }\n\n  if (isLoading && members.length === 0) {\n    return (\n      <div className={cn('p-4 text-center', className)}>\n        <p className=\"text-sm text-blimu-muted-foreground\">Loading members...</p>\n      </div>\n    );\n  }\n\n  if (members.length === 0) {\n    return (\n      <div className={cn('p-4 text-center', className)}>\n        <p className=\"text-sm text-blimu-muted-foreground\">No members found</p>\n      </div>\n    );\n  }\n\n  const totalPages = Math.ceil(total / pageSize);\n\n  return (\n    <div className={cn('flex flex-col', className)}>\n      <div className=\"flex flex-col divide-y divide-blimu-border\">\n        {members.map((member) => (\n          <div key={member.userId}>\n            {renderMember ? renderMember(member) : defaultRenderMember(member)}\n          </div>\n        ))}\n      </div>\n\n      {showPagination && totalPages > 1 && (\n        <div className=\"flex items-center justify-between mt-4 pt-4 border-t border-blimu-border\">\n          <div className=\"text-sm text-blimu-muted-foreground\">\n            Showing {(page - 1) * pageSize + 1} to {Math.min(page * pageSize, total)} of {total}{' '}\n            members\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <button\n              onClick={() => setPage((p) => Math.max(1, p - 1))}\n              disabled={!hasPreviousPage || isLoading}\n              className=\"px-3 py-1 text-sm rounded-blimu border border-blimu-input bg-blimu-background hover:bg-blimu-accent disabled:opacity-50 disabled:cursor-not-allowed\"\n            >\n              Previous\n            </button>\n            <span className=\"text-sm text-blimu-foreground\">\n              Page {page} of {totalPages}\n            </span>\n            <button\n              onClick={() => setPage((p) => Math.min(totalPages, p + 1))}\n              disabled={!hasNextPage || isLoading}\n              className=\"px-3 py-1 text-sm rounded-blimu border border-blimu-input bg-blimu-background hover:bg-blimu-accent disabled:opacity-50 disabled:cursor-not-allowed\"\n            >\n              Next\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["MembersList","resourceType","resourceId","initialPage","pageSize","search","renderMember","className","showPagination","page","setPage","React","members","total","isLoading","error","hasNextPage","hasPreviousPage","refetch","useMembers","defaultRenderMember","member","displayName","jsxs","jsx","UserAvatar","cn","totalPages","p"],"mappings":"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"}
+{"version":3,"file":"members-list.cjs","sources":["../../src/components/members-list.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { UserAvatar } from './user-avatar';\nimport { cn } from '../lib/utils';\n\nimport { useMembers, type ResourceMember } from '../hooks/use-members';\n\nexport interface MembersListProps {\n  /**\n   * Resource type (e.g., 'organization', 'workspace')\n   */\n  resourceType: string;\n\n  /**\n   * Resource ID\n   */\n  resourceId: string;\n\n  /**\n   * Initial page number\n   * @default 1\n   */\n  initialPage?: number;\n\n  /**\n   * Items per page\n   * @default 20\n   */\n  pageSize?: number;\n\n  /**\n   * Search query\n   */\n  search?: string;\n\n  /**\n   * Custom render function for each member\n   */\n  renderMember?: (member: ResourceMember) => React.ReactNode;\n\n  /**\n   * Custom className\n   */\n  className?: string;\n\n  /**\n   * Show pagination controls\n   * @default true\n   */\n  showPagination?: boolean;\n}\n\n/**\n * Paginated list of organization/resource members\n *\n * @example\n * ```tsx\n * <MembersList\n *   resourceType=\"organization\"\n *   resourceId=\"org_123\"\n * />\n * ```\n *\n * @example With custom rendering\n * ```tsx\n * <MembersList\n *   resourceType=\"workspace\"\n *   resourceId=\"ws_456\"\n *   renderMember={(member) => (\n *     <div className=\"flex items-center gap-2\">\n *       <UserAvatar src={member.user.avatarUrl} alt={member.user.email} />\n *       <div>\n *         <p>{member.user.firstName} {member.user.lastName}</p>\n *         <p className=\"text-sm text-muted-foreground\">{member.user.email}</p>\n *       </div>\n *       <Badge>{member.role}</Badge>\n *     </div>\n *   )}\n * />\n * ```\n */\nexport function MembersList({\n  resourceType,\n  resourceId,\n  initialPage = 1,\n  pageSize = 20,\n  search,\n  renderMember,\n  className,\n  showPagination = true,\n}: MembersListProps) {\n  const [page, setPage] = React.useState(initialPage);\n  const { members, total, isLoading, error, hasNextPage, hasPreviousPage, refetch } = useMembers({\n    resourceType,\n    resourceId,\n    page,\n    limit: pageSize,\n    search,\n  });\n\n  const defaultRenderMember = (member: ResourceMember) => {\n    const displayName =\n      member.user.firstName && member.user.lastName\n        ? `${member.user.firstName} ${member.user.lastName}`\n        : member.user.firstName || member.user.email?.split('@')[0] || 'User';\n\n    return (\n      <div className=\"flex items-center justify-between p-3 rounded-blimu hover:bg-blimu-accent transition-colors\">\n        <div className=\"flex items-center gap-3\">\n          <UserAvatar\n            src={member.user.avatarUrl || undefined}\n            alt={member.user.email}\n            fallback={displayName}\n            size=\"default\"\n          />\n          <div className=\"flex flex-col\">\n            <p className=\"text-sm font-medium text-blimu-foreground\">{displayName}</p>\n            <p className=\"text-xs text-blimu-muted-foreground\">{member.user.email}</p>\n          </div>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {member.inherited && (\n            <span className=\"text-xs text-blimu-muted-foreground\">(inherited)</span>\n          )}\n          <span className=\"text-xs font-medium text-blimu-foreground bg-blimu-muted px-2 py-1 rounded-blimu-sm\">\n            {member.role}\n          </span>\n        </div>\n      </div>\n    );\n  };\n\n  if (error) {\n    return (\n      <div className={cn('p-4 text-center', className)}>\n        <p className=\"text-sm text-blimu-destructive\">Error loading members: {error.message}</p>\n        <button\n          onClick={() => refetch()}\n          className=\"mt-2 text-sm text-blimu-primary hover:underline\"\n        >\n          Retry\n        </button>\n      </div>\n    );\n  }\n\n  if (isLoading && members.length === 0) {\n    return (\n      <div className={cn('p-4 text-center', className)}>\n        <p className=\"text-sm text-blimu-muted-foreground\">Loading members...</p>\n      </div>\n    );\n  }\n\n  if (members.length === 0) {\n    return (\n      <div className={cn('p-4 text-center', className)}>\n        <p className=\"text-sm text-blimu-muted-foreground\">No members found</p>\n      </div>\n    );\n  }\n\n  const totalPages = Math.ceil(total / pageSize);\n\n  return (\n    <div className={cn('flex flex-col', className)}>\n      <div className=\"flex flex-col divide-y divide-blimu-border\">\n        {members.map((member) => (\n          <div key={member.userId}>\n            {renderMember ? renderMember(member) : defaultRenderMember(member)}\n          </div>\n        ))}\n      </div>\n\n      {showPagination && totalPages > 1 && (\n        <div className=\"flex items-center justify-between mt-4 pt-4 border-t border-blimu-border\">\n          <div className=\"text-sm text-blimu-muted-foreground\">\n            Showing {(page - 1) * pageSize + 1} to {Math.min(page * pageSize, total)} of {total}{' '}\n            members\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <button\n              onClick={() => setPage((p) => Math.max(1, p - 1))}\n              disabled={!hasPreviousPage || isLoading}\n              className=\"px-3 py-1 text-sm rounded-blimu border border-blimu-input bg-blimu-background hover:bg-blimu-accent disabled:opacity-50 disabled:cursor-not-allowed\"\n            >\n              Previous\n            </button>\n            <span className=\"text-sm text-blimu-foreground\">\n              Page {page} of {totalPages}\n            </span>\n            <button\n              onClick={() => setPage((p) => Math.min(totalPages, p + 1))}\n              disabled={!hasNextPage || isLoading}\n              className=\"px-3 py-1 text-sm rounded-blimu border border-blimu-input bg-blimu-background hover:bg-blimu-accent disabled:opacity-50 disabled:cursor-not-allowed\"\n            >\n              Next\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["React","useMembers","jsxs","jsx","UserAvatar","cn"],"mappings":"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"}

package/dist/components/members-list.js

@@ -1,102 +1,107 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import * as M from "react";
-import { UserAvatar as w } from "./user-avatar.js";
-import { cn as a } from "../lib/utils.js";
-import { useMembers as j } from "../hooks/use-members.js";
-function $({
-  resourceType: f,
-  resourceId: h,
-  initialPage: p = 1,
-  pageSize: i = 20,
-  search: g,
-  renderMember: c,
-  className: s,
-  showPagination: N = !0
+import { jsxs, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { UserAvatar } from "./user-avatar.js";
+import { cn } from "../lib/utils.js";
+import { useMembers } from "../hooks/use-members.js";
+function MembersList({
+  resourceType,
+  resourceId,
+  initialPage = 1,
+  pageSize = 20,
+  search,
+  renderMember,
+  className,
+  showPagination = true
 }) {
-  const [l, u] = M.useState(p), { members: d, total: n, isLoading: o, error: x, hasNextPage: v, hasPreviousPage: y, refetch: P } = j({
-    resourceType: f,
-    resourceId: h,
-    page: l,
-    limit: i,
-    search: g
-  }), k = (e) => {
-    const b = e.user.firstName && e.user.lastName ? `${e.user.firstName} ${e.user.lastName}` : e.user.firstName || e.user.email?.split("@")[0] || "User";
-    return /* @__PURE__ */ r("div", { className: "flex items-center justify-between p-3 rounded-blimu hover:bg-blimu-accent transition-colors", children: [
-      /* @__PURE__ */ r("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ t(
-          w,
+  const [page, setPage] = React.useState(initialPage);
+  const { members, total, isLoading, error, hasNextPage, hasPreviousPage, refetch } = useMembers({
+    resourceType,
+    resourceId,
+    page,
+    limit: pageSize,
+    search
+  });
+  const defaultRenderMember = (member) => {
+    const displayName = member.user.firstName && member.user.lastName ? `${member.user.firstName} ${member.user.lastName}` : member.user.firstName || member.user.email?.split("@")[0] || "User";
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-3 rounded-blimu hover:bg-blimu-accent transition-colors", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx(
+          UserAvatar,
           {
-            src: e.user.avatarUrl || void 0,
-            alt: e.user.email,
-            fallback: b,
+            src: member.user.avatarUrl || void 0,
+            alt: member.user.email,
+            fallback: displayName,
             size: "default"
           }
         ),
-        /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ t("p", { className: "text-sm font-medium text-blimu-foreground", children: b }),
-          /* @__PURE__ */ t("p", { className: "text-xs text-blimu-muted-foreground", children: e.user.email })
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-blimu-foreground", children: displayName }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-blimu-muted-foreground", children: member.user.email })
         ] })
       ] }),
-      /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-        e.inherited && /* @__PURE__ */ t("span", { className: "text-xs text-blimu-muted-foreground", children: "(inherited)" }),
-        /* @__PURE__ */ t("span", { className: "text-xs font-medium text-blimu-foreground bg-blimu-muted px-2 py-1 rounded-blimu-sm", children: e.role })
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        member.inherited && /* @__PURE__ */ jsx("span", { className: "text-xs text-blimu-muted-foreground", children: "(inherited)" }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-blimu-foreground bg-blimu-muted px-2 py-1 rounded-blimu-sm", children: member.role })
       ] })
     ] });
   };
-  if (x)
-    return /* @__PURE__ */ r("div", { className: a("p-4 text-center", s), children: [
-      /* @__PURE__ */ r("p", { className: "text-sm text-blimu-destructive", children: [
+  if (error) {
+    return /* @__PURE__ */ jsxs("div", { className: cn("p-4 text-center", className), children: [
+      /* @__PURE__ */ jsxs("p", { className: "text-sm text-blimu-destructive", children: [
         "Error loading members: ",
-        x.message
+        error.message
       ] }),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ jsx(
         "button",
         {
-          onClick: () => P(),
+          onClick: () => refetch(),
           className: "mt-2 text-sm text-blimu-primary hover:underline",
           children: "Retry"
         }
       )
     ] });
-  if (o && d.length === 0)
-    return /* @__PURE__ */ t("div", { className: a("p-4 text-center", s), children: /* @__PURE__ */ t("p", { className: "text-sm text-blimu-muted-foreground", children: "Loading members..." }) });
-  if (d.length === 0)
-    return /* @__PURE__ */ t("div", { className: a("p-4 text-center", s), children: /* @__PURE__ */ t("p", { className: "text-sm text-blimu-muted-foreground", children: "No members found" }) });
-  const m = Math.ceil(n / i);
-  return /* @__PURE__ */ r("div", { className: a("flex flex-col", s), children: [
-    /* @__PURE__ */ t("div", { className: "flex flex-col divide-y divide-blimu-border", children: d.map((e) => /* @__PURE__ */ t("div", { children: c ? c(e) : k(e) }, e.userId)) }),
-    N && m > 1 && /* @__PURE__ */ r("div", { className: "flex items-center justify-between mt-4 pt-4 border-t border-blimu-border", children: [
-      /* @__PURE__ */ r("div", { className: "text-sm text-blimu-muted-foreground", children: [
+  }
+  if (isLoading && members.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: cn("p-4 text-center", className), children: /* @__PURE__ */ jsx("p", { className: "text-sm text-blimu-muted-foreground", children: "Loading members..." }) });
+  }
+  if (members.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: cn("p-4 text-center", className), children: /* @__PURE__ */ jsx("p", { className: "text-sm text-blimu-muted-foreground", children: "No members found" }) });
+  }
+  const totalPages = Math.ceil(total / pageSize);
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col divide-y divide-blimu-border", children: members.map((member) => /* @__PURE__ */ jsx("div", { children: renderMember ? renderMember(member) : defaultRenderMember(member) }, member.userId)) }),
+    showPagination && totalPages > 1 && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mt-4 pt-4 border-t border-blimu-border", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-sm text-blimu-muted-foreground", children: [
         "Showing ",
-        (l - 1) * i + 1,
+        (page - 1) * pageSize + 1,
         " to ",
-        Math.min(l * i, n),
+        Math.min(page * pageSize, total),
         " of ",
-        n,
+        total,
         " ",
         "members"
       ] }),
-      /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ t(
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
           "button",
           {
-            onClick: () => u((e) => Math.max(1, e - 1)),
-            disabled: !y || o,
+            onClick: () => setPage((p) => Math.max(1, p - 1)),
+            disabled: !hasPreviousPage || isLoading,
             className: "px-3 py-1 text-sm rounded-blimu border border-blimu-input bg-blimu-background hover:bg-blimu-accent disabled:opacity-50 disabled:cursor-not-allowed",
             children: "Previous"
           }
         ),
-        /* @__PURE__ */ r("span", { className: "text-sm text-blimu-foreground", children: [
+        /* @__PURE__ */ jsxs("span", { className: "text-sm text-blimu-foreground", children: [
           "Page ",
-          l,
+          page,
           " of ",
-          m
+          totalPages
         ] }),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ jsx(
           "button",
           {
-            onClick: () => u((e) => Math.min(m, e + 1)),
-            disabled: !v || o,
+            onClick: () => setPage((p) => Math.min(totalPages, p + 1)),
+            disabled: !hasNextPage || isLoading,
             className: "px-3 py-1 text-sm rounded-blimu border border-blimu-input bg-blimu-background hover:bg-blimu-accent disabled:opacity-50 disabled:cursor-not-allowed",
             children: "Next"
           }
@@ -106,6 +111,6 @@ function $({
   ] });
 }
 export {
-  $ as MembersList
+  MembersList
 };
 //# sourceMappingURL=members-list.js.map

package/dist/components/members-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"members-list.js","sources":["../../src/components/members-list.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { UserAvatar } from './user-avatar';\nimport { cn } from '../lib/utils';\n\nimport { useMembers, type ResourceMember } from '../hooks/use-members';\n\nexport interface MembersListProps {\n  /**\n   * Resource type (e.g., 'organization', 'workspace')\n   */\n  resourceType: string;\n\n  /**\n   * Resource ID\n   */\n  resourceId: string;\n\n  /**\n   * Initial page number\n   * @default 1\n   */\n  initialPage?: number;\n\n  /**\n   * Items per page\n   * @default 20\n   */\n  pageSize?: number;\n\n  /**\n   * Search query\n   */\n  search?: string;\n\n  /**\n   * Custom render function for each member\n   */\n  renderMember?: (member: ResourceMember) => React.ReactNode;\n\n  /**\n   * Custom className\n   */\n  className?: string;\n\n  /**\n   * Show pagination controls\n   * @default true\n   */\n  showPagination?: boolean;\n}\n\n/**\n * Paginated list of organization/resource members\n *\n * @example\n * ```tsx\n * <MembersList\n *   resourceType=\"organization\"\n *   resourceId=\"org_123\"\n * />\n * ```\n *\n * @example With custom rendering\n * ```tsx\n * <MembersList\n *   resourceType=\"workspace\"\n *   resourceId=\"ws_456\"\n *   renderMember={(member) => (\n *     <div className=\"flex items-center gap-2\">\n *       <UserAvatar src={member.user.avatarUrl} alt={member.user.email} />\n *       <div>\n *         <p>{member.user.firstName} {member.user.lastName}</p>\n *         <p className=\"text-sm text-muted-foreground\">{member.user.email}</p>\n *       </div>\n *       <Badge>{member.role}</Badge>\n *     </div>\n *   )}\n * />\n * ```\n */\nexport function MembersList({\n  resourceType,\n  resourceId,\n  initialPage = 1,\n  pageSize = 20,\n  search,\n  renderMember,\n  className,\n  showPagination = true,\n}: MembersListProps) {\n  const [page, setPage] = React.useState(initialPage);\n  const { members, total, isLoading, error, hasNextPage, hasPreviousPage, refetch } = useMembers({\n    resourceType,\n    resourceId,\n    page,\n    limit: pageSize,\n    search,\n  });\n\n  const defaultRenderMember = (member: ResourceMember) => {\n    const displayName =\n      member.user.firstName && member.user.lastName\n        ? `${member.user.firstName} ${member.user.lastName}`\n        : member.user.firstName || member.user.email?.split('@')[0] || 'User';\n\n    return (\n      <div className=\"flex items-center justify-between p-3 rounded-blimu hover:bg-blimu-accent transition-colors\">\n        <div className=\"flex items-center gap-3\">\n          <UserAvatar\n            src={member.user.avatarUrl || undefined}\n            alt={member.user.email}\n            fallback={displayName}\n            size=\"default\"\n          />\n          <div className=\"flex flex-col\">\n            <p className=\"text-sm font-medium text-blimu-foreground\">{displayName}</p>\n            <p className=\"text-xs text-blimu-muted-foreground\">{member.user.email}</p>\n          </div>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {member.inherited && (\n            <span className=\"text-xs text-blimu-muted-foreground\">(inherited)</span>\n          )}\n          <span className=\"text-xs font-medium text-blimu-foreground bg-blimu-muted px-2 py-1 rounded-blimu-sm\">\n            {member.role}\n          </span>\n        </div>\n      </div>\n    );\n  };\n\n  if (error) {\n    return (\n      <div className={cn('p-4 text-center', className)}>\n        <p className=\"text-sm text-blimu-destructive\">Error loading members: {error.message}</p>\n        <button\n          onClick={() => refetch()}\n          className=\"mt-2 text-sm text-blimu-primary hover:underline\"\n        >\n          Retry\n        </button>\n      </div>\n    );\n  }\n\n  if (isLoading && members.length === 0) {\n    return (\n      <div className={cn('p-4 text-center', className)}>\n        <p className=\"text-sm text-blimu-muted-foreground\">Loading members...</p>\n      </div>\n    );\n  }\n\n  if (members.length === 0) {\n    return (\n      <div className={cn('p-4 text-center', className)}>\n        <p className=\"text-sm text-blimu-muted-foreground\">No members found</p>\n      </div>\n    );\n  }\n\n  const totalPages = Math.ceil(total / pageSize);\n\n  return (\n    <div className={cn('flex flex-col', className)}>\n      <div className=\"flex flex-col divide-y divide-blimu-border\">\n        {members.map((member) => (\n          <div key={member.userId}>\n            {renderMember ? renderMember(member) : defaultRenderMember(member)}\n          </div>\n        ))}\n      </div>\n\n      {showPagination && totalPages > 1 && (\n        <div className=\"flex items-center justify-between mt-4 pt-4 border-t border-blimu-border\">\n          <div className=\"text-sm text-blimu-muted-foreground\">\n            Showing {(page - 1) * pageSize + 1} to {Math.min(page * pageSize, total)} of {total}{' '}\n            members\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <button\n              onClick={() => setPage((p) => Math.max(1, p - 1))}\n              disabled={!hasPreviousPage || isLoading}\n              className=\"px-3 py-1 text-sm rounded-blimu border border-blimu-input bg-blimu-background hover:bg-blimu-accent disabled:opacity-50 disabled:cursor-not-allowed\"\n            >\n              Previous\n            </button>\n            <span className=\"text-sm text-blimu-foreground\">\n              Page {page} of {totalPages}\n            </span>\n            <button\n              onClick={() => setPage((p) => Math.min(totalPages, p + 1))}\n              disabled={!hasNextPage || isLoading}\n              className=\"px-3 py-1 text-sm rounded-blimu border border-blimu-input bg-blimu-background hover:bg-blimu-accent disabled:opacity-50 disabled:cursor-not-allowed\"\n            >\n              Next\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["MembersList","resourceType","resourceId","initialPage","pageSize","search","renderMember","className","showPagination","page","setPage","React","members","total","isLoading","error","hasNextPage","hasPreviousPage","refetch","useMembers","defaultRenderMember","member","displayName","jsxs","jsx","UserAvatar","cn","totalPages","p"],"mappings":"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"}
+{"version":3,"file":"members-list.js","sources":["../../src/components/members-list.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { UserAvatar } from './user-avatar';\nimport { cn } from '../lib/utils';\n\nimport { useMembers, type ResourceMember } from '../hooks/use-members';\n\nexport interface MembersListProps {\n  /**\n   * Resource type (e.g., 'organization', 'workspace')\n   */\n  resourceType: string;\n\n  /**\n   * Resource ID\n   */\n  resourceId: string;\n\n  /**\n   * Initial page number\n   * @default 1\n   */\n  initialPage?: number;\n\n  /**\n   * Items per page\n   * @default 20\n   */\n  pageSize?: number;\n\n  /**\n   * Search query\n   */\n  search?: string;\n\n  /**\n   * Custom render function for each member\n   */\n  renderMember?: (member: ResourceMember) => React.ReactNode;\n\n  /**\n   * Custom className\n   */\n  className?: string;\n\n  /**\n   * Show pagination controls\n   * @default true\n   */\n  showPagination?: boolean;\n}\n\n/**\n * Paginated list of organization/resource members\n *\n * @example\n * ```tsx\n * <MembersList\n *   resourceType=\"organization\"\n *   resourceId=\"org_123\"\n * />\n * ```\n *\n * @example With custom rendering\n * ```tsx\n * <MembersList\n *   resourceType=\"workspace\"\n *   resourceId=\"ws_456\"\n *   renderMember={(member) => (\n *     <div className=\"flex items-center gap-2\">\n *       <UserAvatar src={member.user.avatarUrl} alt={member.user.email} />\n *       <div>\n *         <p>{member.user.firstName} {member.user.lastName}</p>\n *         <p className=\"text-sm text-muted-foreground\">{member.user.email}</p>\n *       </div>\n *       <Badge>{member.role}</Badge>\n *     </div>\n *   )}\n * />\n * ```\n */\nexport function MembersList({\n  resourceType,\n  resourceId,\n  initialPage = 1,\n  pageSize = 20,\n  search,\n  renderMember,\n  className,\n  showPagination = true,\n}: MembersListProps) {\n  const [page, setPage] = React.useState(initialPage);\n  const { members, total, isLoading, error, hasNextPage, hasPreviousPage, refetch } = useMembers({\n    resourceType,\n    resourceId,\n    page,\n    limit: pageSize,\n    search,\n  });\n\n  const defaultRenderMember = (member: ResourceMember) => {\n    const displayName =\n      member.user.firstName && member.user.lastName\n        ? `${member.user.firstName} ${member.user.lastName}`\n        : member.user.firstName || member.user.email?.split('@')[0] || 'User';\n\n    return (\n      <div className=\"flex items-center justify-between p-3 rounded-blimu hover:bg-blimu-accent transition-colors\">\n        <div className=\"flex items-center gap-3\">\n          <UserAvatar\n            src={member.user.avatarUrl || undefined}\n            alt={member.user.email}\n            fallback={displayName}\n            size=\"default\"\n          />\n          <div className=\"flex flex-col\">\n            <p className=\"text-sm font-medium text-blimu-foreground\">{displayName}</p>\n            <p className=\"text-xs text-blimu-muted-foreground\">{member.user.email}</p>\n          </div>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {member.inherited && (\n            <span className=\"text-xs text-blimu-muted-foreground\">(inherited)</span>\n          )}\n          <span className=\"text-xs font-medium text-blimu-foreground bg-blimu-muted px-2 py-1 rounded-blimu-sm\">\n            {member.role}\n          </span>\n        </div>\n      </div>\n    );\n  };\n\n  if (error) {\n    return (\n      <div className={cn('p-4 text-center', className)}>\n        <p className=\"text-sm text-blimu-destructive\">Error loading members: {error.message}</p>\n        <button\n          onClick={() => refetch()}\n          className=\"mt-2 text-sm text-blimu-primary hover:underline\"\n        >\n          Retry\n        </button>\n      </div>\n    );\n  }\n\n  if (isLoading && members.length === 0) {\n    return (\n      <div className={cn('p-4 text-center', className)}>\n        <p className=\"text-sm text-blimu-muted-foreground\">Loading members...</p>\n      </div>\n    );\n  }\n\n  if (members.length === 0) {\n    return (\n      <div className={cn('p-4 text-center', className)}>\n        <p className=\"text-sm text-blimu-muted-foreground\">No members found</p>\n      </div>\n    );\n  }\n\n  const totalPages = Math.ceil(total / pageSize);\n\n  return (\n    <div className={cn('flex flex-col', className)}>\n      <div className=\"flex flex-col divide-y divide-blimu-border\">\n        {members.map((member) => (\n          <div key={member.userId}>\n            {renderMember ? renderMember(member) : defaultRenderMember(member)}\n          </div>\n        ))}\n      </div>\n\n      {showPagination && totalPages > 1 && (\n        <div className=\"flex items-center justify-between mt-4 pt-4 border-t border-blimu-border\">\n          <div className=\"text-sm text-blimu-muted-foreground\">\n            Showing {(page - 1) * pageSize + 1} to {Math.min(page * pageSize, total)} of {total}{' '}\n            members\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <button\n              onClick={() => setPage((p) => Math.max(1, p - 1))}\n              disabled={!hasPreviousPage || isLoading}\n              className=\"px-3 py-1 text-sm rounded-blimu border border-blimu-input bg-blimu-background hover:bg-blimu-accent disabled:opacity-50 disabled:cursor-not-allowed\"\n            >\n              Previous\n            </button>\n            <span className=\"text-sm text-blimu-foreground\">\n              Page {page} of {totalPages}\n            </span>\n            <button\n              onClick={() => setPage((p) => Math.min(totalPages, p + 1))}\n              disabled={!hasNextPage || isLoading}\n              className=\"px-3 py-1 text-sm rounded-blimu border border-blimu-input bg-blimu-background hover:bg-blimu-accent disabled:opacity-50 disabled:cursor-not-allowed\"\n            >\n              Next\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/redirect-to-sign-in.cjs

@@ -1,2 +1,35 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),d=require("../hooks/use-auth.cjs");function f({signUpFallbackRedirectUrl:e,signInFallbackRedirectUrl:i,forceRedirect:n=!1}){const{login:o,isAuthenticated:u,isLoading:s,isIdle:r}=d.useAuth();return c.useEffect(()=>{if(!(r||s)&&(!u||n)){let t=i||e||window.location.href;t.startsWith("http")||(t=`${window.location.origin}${t}`),o(t)}},[r,s,u,n,i,e,o]),null}exports.RedirectToSignIn=f;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const useAuth = require("../hooks/use-auth.cjs");
+function RedirectToSignIn({
+  signUpFallbackRedirectUrl,
+  signInFallbackRedirectUrl,
+  forceRedirect = false
+}) {
+  const { login, isAuthenticated, isLoading, isIdle } = useAuth.useAuth();
+  React.useEffect(() => {
+    const isReady = !isIdle;
+    if (!isReady || isLoading) {
+      return;
+    }
+    if (!isAuthenticated || forceRedirect) {
+      let returnUrl = signInFallbackRedirectUrl || signUpFallbackRedirectUrl || window.location.href;
+      if (!returnUrl.startsWith("http")) {
+        returnUrl = `${window.location.origin}${returnUrl}`;
+      }
+      login(returnUrl);
+    }
+  }, [
+    isIdle,
+    isLoading,
+    isAuthenticated,
+    forceRedirect,
+    signInFallbackRedirectUrl,
+    signUpFallbackRedirectUrl,
+    login
+  ]);
+  return null;
+}
+exports.RedirectToSignIn = RedirectToSignIn;
 //# sourceMappingURL=redirect-to-sign-in.cjs.map

package/dist/components/redirect-to-sign-in.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"redirect-to-sign-in.cjs","sources":["../../src/components/redirect-to-sign-in.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useAuth } from '../hooks/use-auth';\n\nexport interface RedirectToSignInProps {\n  /**\n   * URL to redirect to after sign up\n   * Note: In Blimu, this is used as the return URL after authentication\n   */\n  signUpFallbackRedirectUrl?: string;\n  /**\n   * URL to redirect to after sign in\n   * Note: In Blimu, this is used as the return URL after authentication\n   */\n  signInFallbackRedirectUrl?: string;\n  /**\n   * Force redirect even if already authenticated\n   * @default false\n   */\n  forceRedirect?: boolean;\n}\n\n/**\n * Component that redirects unauthenticated users to the sign-in page\n *\n * This component automatically redirects users to the authentication page\n * when they are not authenticated. It matches Clerk's RedirectToSignIn API\n * for easier migration.\n *\n * @example\n * ```tsx\n * function ProtectedRoute() {\n *   const { isAuthenticated } = useAuth();\n *\n *   if (!isAuthenticated) {\n *     return <RedirectToSignIn signInFallbackRedirectUrl=\"/dashboard\" />;\n *   }\n *\n *   return <ProtectedContent />;\n * }\n * ```\n */\nexport function RedirectToSignIn({\n  signUpFallbackRedirectUrl,\n  signInFallbackRedirectUrl,\n  forceRedirect = false,\n}: RedirectToSignInProps) {\n  const { login, isAuthenticated, isLoading, isIdle } = useAuth();\n\n  useEffect(() => {\n    // Wait for auth to be ready (not idle) and not loading\n    const isReady = !isIdle;\n    if (!isReady || isLoading) {\n      return;\n    }\n\n    // Redirect if not authenticated or if force redirect is enabled\n    if (!isAuthenticated || forceRedirect) {\n      // Use signInFallbackRedirectUrl if provided, otherwise signUpFallbackRedirectUrl, otherwise current URL\n      let returnUrl =\n        signInFallbackRedirectUrl || signUpFallbackRedirectUrl || window.location.href;\n\n      // if it's not a full URL, add the current origin\n      if (!returnUrl.startsWith('http')) {\n        returnUrl = `${window.location.origin}${returnUrl}`;\n      }\n\n      login(returnUrl);\n    }\n  }, [\n    isIdle,\n    isLoading,\n    isAuthenticated,\n    forceRedirect,\n    signInFallbackRedirectUrl,\n    signUpFallbackRedirectUrl,\n    login,\n  ]);\n\n  // Return null while redirecting (component will unmount after redirect)\n  return null;\n}\n"],"names":["RedirectToSignIn","signUpFallbackRedirectUrl","signInFallbackRedirectUrl","forceRedirect","login","isAuthenticated","isLoading","isIdle","useAuth","useEffect","returnUrl"],"mappings":"4IA0CO,SAASA,EAAiB,CAC/B,0BAAAC,EACA,0BAAAC,EACA,cAAAC,EAAgB,EAClB,EAA0B,CACxB,KAAM,CAAE,MAAAC,EAAO,gBAAAC,EAAiB,UAAAC,EAAW,OAAAC,CAAA,EAAWC,EAAAA,QAAA,EAEtDC,OAAAA,EAAAA,UAAU,IAAM,CAGd,GAAI,EADaF,GACDD,KAKZ,CAACD,GAAmBF,GAAe,CAErC,IAAIO,EACFR,GAA6BD,GAA6B,OAAO,SAAS,KAGvES,EAAU,WAAW,MAAM,IAC9BA,EAAY,GAAG,OAAO,SAAS,MAAM,GAAGA,CAAS,IAGnDN,EAAMM,CAAS,CACjB,CACF,EAAG,CACDH,EACAD,EACAD,EACAF,EACAD,EACAD,EACAG,CAAA,CACD,EAGM,IACT"}
+{"version":3,"file":"redirect-to-sign-in.cjs","sources":["../../src/components/redirect-to-sign-in.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useAuth } from '../hooks/use-auth';\n\nexport interface RedirectToSignInProps {\n  /**\n   * URL to redirect to after sign up\n   * Note: In Blimu, this is used as the return URL after authentication\n   */\n  signUpFallbackRedirectUrl?: string;\n  /**\n   * URL to redirect to after sign in\n   * Note: In Blimu, this is used as the return URL after authentication\n   */\n  signInFallbackRedirectUrl?: string;\n  /**\n   * Force redirect even if already authenticated\n   * @default false\n   */\n  forceRedirect?: boolean;\n}\n\n/**\n * Component that redirects unauthenticated users to the sign-in page\n *\n * This component automatically redirects users to the authentication page\n * when they are not authenticated. It matches Clerk's RedirectToSignIn API\n * for easier migration.\n *\n * @example\n * ```tsx\n * function ProtectedRoute() {\n *   const { isAuthenticated } = useAuth();\n *\n *   if (!isAuthenticated) {\n *     return <RedirectToSignIn signInFallbackRedirectUrl=\"/dashboard\" />;\n *   }\n *\n *   return <ProtectedContent />;\n * }\n * ```\n */\nexport function RedirectToSignIn({\n  signUpFallbackRedirectUrl,\n  signInFallbackRedirectUrl,\n  forceRedirect = false,\n}: RedirectToSignInProps) {\n  const { login, isAuthenticated, isLoading, isIdle } = useAuth();\n\n  useEffect(() => {\n    // Wait for auth to be ready (not idle) and not loading\n    const isReady = !isIdle;\n    if (!isReady || isLoading) {\n      return;\n    }\n\n    // Redirect if not authenticated or if force redirect is enabled\n    if (!isAuthenticated || forceRedirect) {\n      // Use signInFallbackRedirectUrl if provided, otherwise signUpFallbackRedirectUrl, otherwise current URL\n      let returnUrl =\n        signInFallbackRedirectUrl || signUpFallbackRedirectUrl || window.location.href;\n\n      // if it's not a full URL, add the current origin\n      if (!returnUrl.startsWith('http')) {\n        returnUrl = `${window.location.origin}${returnUrl}`;\n      }\n\n      login(returnUrl);\n    }\n  }, [\n    isIdle,\n    isLoading,\n    isAuthenticated,\n    forceRedirect,\n    signInFallbackRedirectUrl,\n    signUpFallbackRedirectUrl,\n    login,\n  ]);\n\n  // Return null while redirecting (component will unmount after redirect)\n  return null;\n}\n"],"names":["useAuth","useEffect"],"mappings":";;;;AA0CO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,gBAAgB;AAClB,GAA0B;AACxB,QAAM,EAAE,OAAO,iBAAiB,WAAW,OAAA,IAAWA,QAAAA,QAAA;AAEtDC,QAAAA,UAAU,MAAM;AAEd,UAAM,UAAU,CAAC;AACjB,QAAI,CAAC,WAAW,WAAW;AACzB;AAAA,IACF;AAGA,QAAI,CAAC,mBAAmB,eAAe;AAErC,UAAI,YACF,6BAA6B,6BAA6B,OAAO,SAAS;AAG5E,UAAI,CAAC,UAAU,WAAW,MAAM,GAAG;AACjC,oBAAY,GAAG,OAAO,SAAS,MAAM,GAAG,SAAS;AAAA,MACnD;AAEA,YAAM,SAAS;AAAA,IACjB;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAGD,SAAO;AACT;;"}

package/dist/components/redirect-to-sign-in.js

@@ -1,27 +1,35 @@
-import { useEffect as u } from "react";
-import { useAuth as d } from "../hooks/use-auth.js";
-function w({
-  signUpFallbackRedirectUrl: i,
-  signInFallbackRedirectUrl: o,
-  forceRedirect: n = !1
+import { useEffect } from "react";
+import { useAuth } from "../hooks/use-auth.js";
+function RedirectToSignIn({
+  signUpFallbackRedirectUrl,
+  signInFallbackRedirectUrl,
+  forceRedirect = false
 }) {
-  const { login: e, isAuthenticated: r, isLoading: s, isIdle: f } = d();
-  return u(() => {
-    if (!(f || s) && (!r || n)) {
-      let t = o || i || window.location.href;
-      t.startsWith("http") || (t = `${window.location.origin}${t}`), e(t);
+  const { login, isAuthenticated, isLoading, isIdle } = useAuth();
+  useEffect(() => {
+    const isReady = !isIdle;
+    if (!isReady || isLoading) {
+      return;
+    }
+    if (!isAuthenticated || forceRedirect) {
+      let returnUrl = signInFallbackRedirectUrl || signUpFallbackRedirectUrl || window.location.href;
+      if (!returnUrl.startsWith("http")) {
+        returnUrl = `${window.location.origin}${returnUrl}`;
+      }
+      login(returnUrl);
     }
   }, [
-    f,
-    s,
-    r,
-    n,
-    o,
-    i,
-    e
-  ]), null;
+    isIdle,
+    isLoading,
+    isAuthenticated,
+    forceRedirect,
+    signInFallbackRedirectUrl,
+    signUpFallbackRedirectUrl,
+    login
+  ]);
+  return null;
 }
 export {
-  w as RedirectToSignIn
+  RedirectToSignIn
 };
 //# sourceMappingURL=redirect-to-sign-in.js.map

package/dist/components/redirect-to-sign-in.js.map

@@ -1 +1 @@
-{"version":3,"file":"redirect-to-sign-in.js","sources":["../../src/components/redirect-to-sign-in.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useAuth } from '../hooks/use-auth';\n\nexport interface RedirectToSignInProps {\n  /**\n   * URL to redirect to after sign up\n   * Note: In Blimu, this is used as the return URL after authentication\n   */\n  signUpFallbackRedirectUrl?: string;\n  /**\n   * URL to redirect to after sign in\n   * Note: In Blimu, this is used as the return URL after authentication\n   */\n  signInFallbackRedirectUrl?: string;\n  /**\n   * Force redirect even if already authenticated\n   * @default false\n   */\n  forceRedirect?: boolean;\n}\n\n/**\n * Component that redirects unauthenticated users to the sign-in page\n *\n * This component automatically redirects users to the authentication page\n * when they are not authenticated. It matches Clerk's RedirectToSignIn API\n * for easier migration.\n *\n * @example\n * ```tsx\n * function ProtectedRoute() {\n *   const { isAuthenticated } = useAuth();\n *\n *   if (!isAuthenticated) {\n *     return <RedirectToSignIn signInFallbackRedirectUrl=\"/dashboard\" />;\n *   }\n *\n *   return <ProtectedContent />;\n * }\n * ```\n */\nexport function RedirectToSignIn({\n  signUpFallbackRedirectUrl,\n  signInFallbackRedirectUrl,\n  forceRedirect = false,\n}: RedirectToSignInProps) {\n  const { login, isAuthenticated, isLoading, isIdle } = useAuth();\n\n  useEffect(() => {\n    // Wait for auth to be ready (not idle) and not loading\n    const isReady = !isIdle;\n    if (!isReady || isLoading) {\n      return;\n    }\n\n    // Redirect if not authenticated or if force redirect is enabled\n    if (!isAuthenticated || forceRedirect) {\n      // Use signInFallbackRedirectUrl if provided, otherwise signUpFallbackRedirectUrl, otherwise current URL\n      let returnUrl =\n        signInFallbackRedirectUrl || signUpFallbackRedirectUrl || window.location.href;\n\n      // if it's not a full URL, add the current origin\n      if (!returnUrl.startsWith('http')) {\n        returnUrl = `${window.location.origin}${returnUrl}`;\n      }\n\n      login(returnUrl);\n    }\n  }, [\n    isIdle,\n    isLoading,\n    isAuthenticated,\n    forceRedirect,\n    signInFallbackRedirectUrl,\n    signUpFallbackRedirectUrl,\n    login,\n  ]);\n\n  // Return null while redirecting (component will unmount after redirect)\n  return null;\n}\n"],"names":["RedirectToSignIn","signUpFallbackRedirectUrl","signInFallbackRedirectUrl","forceRedirect","login","isAuthenticated","isLoading","isIdle","useAuth","useEffect","returnUrl"],"mappings":";;AA0CO,SAASA,EAAiB;AAAA,EAC/B,2BAAAC;AAAA,EACA,2BAAAC;AAAA,EACA,eAAAC,IAAgB;AAClB,GAA0B;AACxB,QAAM,EAAE,OAAAC,GAAO,iBAAAC,GAAiB,WAAAC,GAAW,QAAAC,EAAA,IAAWC,EAAA;AAEtD,SAAAC,EAAU,MAAM;AAGd,QAAI,EADaF,KACDD,OAKZ,CAACD,KAAmBF,IAAe;AAErC,UAAIO,IACFR,KAA6BD,KAA6B,OAAO,SAAS;AAG5E,MAAKS,EAAU,WAAW,MAAM,MAC9BA,IAAY,GAAG,OAAO,SAAS,MAAM,GAAGA,CAAS,KAGnDN,EAAMM,CAAS;AAAA,IACjB;AAAA,EACF,GAAG;AAAA,IACDH;AAAA,IACAD;AAAA,IACAD;AAAA,IACAF;AAAA,IACAD;AAAA,IACAD;AAAA,IACAG;AAAA,EAAA,CACD,GAGM;AACT;"}
+{"version":3,"file":"redirect-to-sign-in.js","sources":["../../src/components/redirect-to-sign-in.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useAuth } from '../hooks/use-auth';\n\nexport interface RedirectToSignInProps {\n  /**\n   * URL to redirect to after sign up\n   * Note: In Blimu, this is used as the return URL after authentication\n   */\n  signUpFallbackRedirectUrl?: string;\n  /**\n   * URL to redirect to after sign in\n   * Note: In Blimu, this is used as the return URL after authentication\n   */\n  signInFallbackRedirectUrl?: string;\n  /**\n   * Force redirect even if already authenticated\n   * @default false\n   */\n  forceRedirect?: boolean;\n}\n\n/**\n * Component that redirects unauthenticated users to the sign-in page\n *\n * This component automatically redirects users to the authentication page\n * when they are not authenticated. It matches Clerk's RedirectToSignIn API\n * for easier migration.\n *\n * @example\n * ```tsx\n * function ProtectedRoute() {\n *   const { isAuthenticated } = useAuth();\n *\n *   if (!isAuthenticated) {\n *     return <RedirectToSignIn signInFallbackRedirectUrl=\"/dashboard\" />;\n *   }\n *\n *   return <ProtectedContent />;\n * }\n * ```\n */\nexport function RedirectToSignIn({\n  signUpFallbackRedirectUrl,\n  signInFallbackRedirectUrl,\n  forceRedirect = false,\n}: RedirectToSignInProps) {\n  const { login, isAuthenticated, isLoading, isIdle } = useAuth();\n\n  useEffect(() => {\n    // Wait for auth to be ready (not idle) and not loading\n    const isReady = !isIdle;\n    if (!isReady || isLoading) {\n      return;\n    }\n\n    // Redirect if not authenticated or if force redirect is enabled\n    if (!isAuthenticated || forceRedirect) {\n      // Use signInFallbackRedirectUrl if provided, otherwise signUpFallbackRedirectUrl, otherwise current URL\n      let returnUrl =\n        signInFallbackRedirectUrl || signUpFallbackRedirectUrl || window.location.href;\n\n      // if it's not a full URL, add the current origin\n      if (!returnUrl.startsWith('http')) {\n        returnUrl = `${window.location.origin}${returnUrl}`;\n      }\n\n      login(returnUrl);\n    }\n  }, [\n    isIdle,\n    isLoading,\n    isAuthenticated,\n    forceRedirect,\n    signInFallbackRedirectUrl,\n    signUpFallbackRedirectUrl,\n    login,\n  ]);\n\n  // Return null while redirecting (component will unmount after redirect)\n  return null;\n}\n"],"names":[],"mappings":";;AA0CO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,gBAAgB;AAClB,GAA0B;AACxB,QAAM,EAAE,OAAO,iBAAiB,WAAW,OAAA,IAAW,QAAA;AAEtD,YAAU,MAAM;AAEd,UAAM,UAAU,CAAC;AACjB,QAAI,CAAC,WAAW,WAAW;AACzB;AAAA,IACF;AAGA,QAAI,CAAC,mBAAmB,eAAe;AAErC,UAAI,YACF,6BAA6B,6BAA6B,OAAO,SAAS;AAG5E,UAAI,CAAC,UAAU,WAAW,MAAM,GAAG;AACjC,oBAAY,GAAG,OAAO,SAAS,MAAM,GAAG,SAAS;AAAA,MACnD;AAEA,YAAM,SAAS;AAAA,IACjB;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAGD,SAAO;AACT;"}

package/dist/components/sign-in-button.cjs

@@ -1,2 +1,37 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime");require("react");const f=require("../lib/utils.cjs"),g=require("../lib/variants.cjs"),h=require("../hooks/use-auth.cjs");function q({variant:n="default",size:e="default",redirectUrl:i,className:u,children:o="Sign In",...t}){const{login:r,isAuthenticated:c}=h.useAuth(),s=l=>{if(t.onClick&&t.onClick(l),!c){const a=i||window.location.href;r(a)}};return d.jsx("button",{className:f.cn(g.buttonVariants({variant:n,size:e}),u),onClick:s,...t,children:o})}exports.SignInButton=q;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+require("react");
+const utils = require("../lib/utils.cjs");
+const variants = require("../lib/variants.cjs");
+const useAuth = require("../hooks/use-auth.cjs");
+function SignInButton({
+  variant = "default",
+  size = "default",
+  redirectUrl,
+  className,
+  children = "Sign In",
+  ...props
+}) {
+  const { login, isAuthenticated } = useAuth.useAuth();
+  const handleClick = (e) => {
+    if (props.onClick) {
+      props.onClick(e);
+    }
+    if (!isAuthenticated) {
+      const returnUrl = redirectUrl || window.location.href;
+      login(returnUrl);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      className: utils.cn(variants.buttonVariants({ variant, size }), className),
+      onClick: handleClick,
+      ...props,
+      children
+    }
+  );
+}
+exports.SignInButton = SignInButton;
 //# sourceMappingURL=sign-in-button.cjs.map

package/dist/components/sign-in-button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"sign-in-button.cjs","sources":["../../src/components/sign-in-button.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\nimport { buttonVariants, type ButtonVariants } from '../lib/variants';\n\nimport { useAuth } from '../hooks/use-auth';\n\nexport interface SignInButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * Variant style\n   * @default \"default\"\n   */\n  variant?: ButtonVariants['variant'];\n\n  /**\n   * Size variant\n   * @default \"default\"\n   */\n  size?: ButtonVariants['size'];\n\n  /**\n   * URL to redirect to after sign-in\n   */\n  redirectUrl?: string;\n\n  /**\n   * Custom className\n   */\n  className?: string;\n\n  /**\n   * Button content\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * Button component that triggers the authentication flow\n *\n * @example\n * ```tsx\n * <SignInButton>Sign In</SignInButton>\n * ```\n *\n * @example With custom variant and redirect\n * ```tsx\n * <SignInButton\n *   variant=\"outline\"\n *   size=\"lg\"\n *   redirectUrl=\"/dashboard\"\n * >\n *   Sign In to Dashboard\n * </SignInButton>\n * ```\n */\nexport function SignInButton({\n  variant = 'default',\n  size = 'default',\n  redirectUrl,\n  className,\n  children = 'Sign In',\n  ...props\n}: SignInButtonProps) {\n  const { login, isAuthenticated } = useAuth();\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    if (props.onClick) {\n      props.onClick(e);\n    }\n\n    if (!isAuthenticated) {\n      const returnUrl = redirectUrl || window.location.href;\n      login(returnUrl);\n    }\n  };\n\n  return (\n    <button\n      className={cn(buttonVariants({ variant, size }), className)}\n      onClick={handleClick}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n"],"names":["SignInButton","variant","size","redirectUrl","className","children","props","login","isAuthenticated","useAuth","handleClick","e","returnUrl","jsx","cn","buttonVariants"],"mappings":"8OAuDO,SAASA,EAAa,CAC3B,QAAAC,EAAU,UACV,KAAAC,EAAO,UACP,YAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,UACX,GAAGC,CACL,EAAsB,CACpB,KAAM,CAAE,MAAAC,EAAO,gBAAAC,CAAA,EAAoBC,UAAA,EAE7BC,EAAeC,GAA2C,CAK9D,GAJIL,EAAM,SACRA,EAAM,QAAQK,CAAC,EAGb,CAACH,EAAiB,CACpB,MAAMI,EAAYT,GAAe,OAAO,SAAS,KACjDI,EAAMK,CAAS,CACjB,CACF,EAEA,OACEC,EAAAA,IAAC,SAAA,CACC,UAAWC,EAAAA,GAAGC,iBAAe,CAAE,QAAAd,EAAS,KAAAC,CAAA,CAAM,EAAGE,CAAS,EAC1D,QAASM,EACR,GAAGJ,EAEH,SAAAD,CAAA,CAAA,CAGP"}
+{"version":3,"file":"sign-in-button.cjs","sources":["../../src/components/sign-in-button.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\nimport { buttonVariants, type ButtonVariants } from '../lib/variants';\n\nimport { useAuth } from '../hooks/use-auth';\n\nexport interface SignInButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * Variant style\n   * @default \"default\"\n   */\n  variant?: ButtonVariants['variant'];\n\n  /**\n   * Size variant\n   * @default \"default\"\n   */\n  size?: ButtonVariants['size'];\n\n  /**\n   * URL to redirect to after sign-in\n   */\n  redirectUrl?: string;\n\n  /**\n   * Custom className\n   */\n  className?: string;\n\n  /**\n   * Button content\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * Button component that triggers the authentication flow\n *\n * @example\n * ```tsx\n * <SignInButton>Sign In</SignInButton>\n * ```\n *\n * @example With custom variant and redirect\n * ```tsx\n * <SignInButton\n *   variant=\"outline\"\n *   size=\"lg\"\n *   redirectUrl=\"/dashboard\"\n * >\n *   Sign In to Dashboard\n * </SignInButton>\n * ```\n */\nexport function SignInButton({\n  variant = 'default',\n  size = 'default',\n  redirectUrl,\n  className,\n  children = 'Sign In',\n  ...props\n}: SignInButtonProps) {\n  const { login, isAuthenticated } = useAuth();\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    if (props.onClick) {\n      props.onClick(e);\n    }\n\n    if (!isAuthenticated) {\n      const returnUrl = redirectUrl || window.location.href;\n      login(returnUrl);\n    }\n  };\n\n  return (\n    <button\n      className={cn(buttonVariants({ variant, size }), className)}\n      onClick={handleClick}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n"],"names":["useAuth","jsx","cn","buttonVariants"],"mappings":";;;;;;;AAuDO,SAAS,aAAa;AAAA,EAC3B,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACL,GAAsB;AACpB,QAAM,EAAE,OAAO,gBAAA,IAAoBA,gBAAA;AAEnC,QAAM,cAAc,CAAC,MAA2C;AAC9D,QAAI,MAAM,SAAS;AACjB,YAAM,QAAQ,CAAC;AAAA,IACjB;AAEA,QAAI,CAAC,iBAAiB;AACpB,YAAM,YAAY,eAAe,OAAO,SAAS;AACjD,YAAM,SAAS;AAAA,IACjB;AAAA,EACF;AAEA,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,MAAAA,GAAGC,wBAAe,EAAE,SAAS,KAAA,CAAM,GAAG,SAAS;AAAA,MAC1D,SAAS;AAAA,MACR,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;;"}

package/dist/components/sign-in-button.js

@@ -1,33 +1,37 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn as s } from "../lib/utils.js";
-import { buttonVariants as d } from "../lib/variants.js";
-import { useAuth as h } from "../hooks/use-auth.js";
-function w({
-  variant: n = "default",
-  size: o = "default",
-  redirectUrl: i,
-  className: r,
-  children: c = "Sign In",
-  ...t
+import { cn } from "../lib/utils.js";
+import { buttonVariants } from "../lib/variants.js";
+import { useAuth } from "../hooks/use-auth.js";
+function SignInButton({
+  variant = "default",
+  size = "default",
+  redirectUrl,
+  className,
+  children = "Sign In",
+  ...props
 }) {
-  const { login: e, isAuthenticated: l } = h(), u = (f) => {
-    if (t.onClick && t.onClick(f), !l) {
-      const m = i || window.location.href;
-      e(m);
+  const { login, isAuthenticated } = useAuth();
+  const handleClick = (e) => {
+    if (props.onClick) {
+      props.onClick(e);
+    }
+    if (!isAuthenticated) {
+      const returnUrl = redirectUrl || window.location.href;
+      login(returnUrl);
     }
   };
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ jsx(
     "button",
     {
-      className: s(d({ variant: n, size: o }), r),
-      onClick: u,
-      ...t,
-      children: c
+      className: cn(buttonVariants({ variant, size }), className),
+      onClick: handleClick,
+      ...props,
+      children
     }
   );
 }
 export {
-  w as SignInButton
+  SignInButton
 };
 //# sourceMappingURL=sign-in-button.js.map

package/dist/components/sign-in-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"sign-in-button.js","sources":["../../src/components/sign-in-button.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\nimport { buttonVariants, type ButtonVariants } from '../lib/variants';\n\nimport { useAuth } from '../hooks/use-auth';\n\nexport interface SignInButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * Variant style\n   * @default \"default\"\n   */\n  variant?: ButtonVariants['variant'];\n\n  /**\n   * Size variant\n   * @default \"default\"\n   */\n  size?: ButtonVariants['size'];\n\n  /**\n   * URL to redirect to after sign-in\n   */\n  redirectUrl?: string;\n\n  /**\n   * Custom className\n   */\n  className?: string;\n\n  /**\n   * Button content\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * Button component that triggers the authentication flow\n *\n * @example\n * ```tsx\n * <SignInButton>Sign In</SignInButton>\n * ```\n *\n * @example With custom variant and redirect\n * ```tsx\n * <SignInButton\n *   variant=\"outline\"\n *   size=\"lg\"\n *   redirectUrl=\"/dashboard\"\n * >\n *   Sign In to Dashboard\n * </SignInButton>\n * ```\n */\nexport function SignInButton({\n  variant = 'default',\n  size = 'default',\n  redirectUrl,\n  className,\n  children = 'Sign In',\n  ...props\n}: SignInButtonProps) {\n  const { login, isAuthenticated } = useAuth();\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    if (props.onClick) {\n      props.onClick(e);\n    }\n\n    if (!isAuthenticated) {\n      const returnUrl = redirectUrl || window.location.href;\n      login(returnUrl);\n    }\n  };\n\n  return (\n    <button\n      className={cn(buttonVariants({ variant, size }), className)}\n      onClick={handleClick}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n"],"names":["SignInButton","variant","size","redirectUrl","className","children","props","login","isAuthenticated","useAuth","handleClick","e","returnUrl","jsx","cn","buttonVariants"],"mappings":";;;;;AAuDO,SAASA,EAAa;AAAA,EAC3B,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,GAAGC;AACL,GAAsB;AACpB,QAAM,EAAE,OAAAC,GAAO,iBAAAC,EAAA,IAAoBC,EAAA,GAE7BC,IAAc,CAACC,MAA2C;AAK9D,QAJIL,EAAM,WACRA,EAAM,QAAQK,CAAC,GAGb,CAACH,GAAiB;AACpB,YAAMI,IAAYT,KAAe,OAAO,SAAS;AACjD,MAAAI,EAAMK,CAAS;AAAA,IACjB;AAAA,EACF;AAEA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGC,EAAe,EAAE,SAAAd,GAAS,MAAAC,EAAA,CAAM,GAAGE,CAAS;AAAA,MAC1D,SAASM;AAAA,MACR,GAAGJ;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sign-in-button.js","sources":["../../src/components/sign-in-button.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\nimport { buttonVariants, type ButtonVariants } from '../lib/variants';\n\nimport { useAuth } from '../hooks/use-auth';\n\nexport interface SignInButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * Variant style\n   * @default \"default\"\n   */\n  variant?: ButtonVariants['variant'];\n\n  /**\n   * Size variant\n   * @default \"default\"\n   */\n  size?: ButtonVariants['size'];\n\n  /**\n   * URL to redirect to after sign-in\n   */\n  redirectUrl?: string;\n\n  /**\n   * Custom className\n   */\n  className?: string;\n\n  /**\n   * Button content\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * Button component that triggers the authentication flow\n *\n * @example\n * ```tsx\n * <SignInButton>Sign In</SignInButton>\n * ```\n *\n * @example With custom variant and redirect\n * ```tsx\n * <SignInButton\n *   variant=\"outline\"\n *   size=\"lg\"\n *   redirectUrl=\"/dashboard\"\n * >\n *   Sign In to Dashboard\n * </SignInButton>\n * ```\n */\nexport function SignInButton({\n  variant = 'default',\n  size = 'default',\n  redirectUrl,\n  className,\n  children = 'Sign In',\n  ...props\n}: SignInButtonProps) {\n  const { login, isAuthenticated } = useAuth();\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    if (props.onClick) {\n      props.onClick(e);\n    }\n\n    if (!isAuthenticated) {\n      const returnUrl = redirectUrl || window.location.href;\n      login(returnUrl);\n    }\n  };\n\n  return (\n    <button\n      className={cn(buttonVariants({ variant, size }), className)}\n      onClick={handleClick}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n"],"names":[],"mappings":";;;;;AAuDO,SAAS,aAAa;AAAA,EAC3B,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACL,GAAsB;AACpB,QAAM,EAAE,OAAO,gBAAA,IAAoB,QAAA;AAEnC,QAAM,cAAc,CAAC,MAA2C;AAC9D,QAAI,MAAM,SAAS;AACjB,YAAM,QAAQ,CAAC;AAAA,IACjB;AAEA,QAAI,CAAC,iBAAiB;AACpB,YAAM,YAAY,eAAe,OAAO,SAAS;AACjD,YAAM,SAAS;AAAA,IACjB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,eAAe,EAAE,SAAS,KAAA,CAAM,GAAG,SAAS;AAAA,MAC1D,SAAS;AAAA,MACR,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;"}