@omnibase/shadcn 0.4.3 → 0.5.0

package/dist/index.cjs

@@ -35,9 +35,11 @@ __export(index_exports, {
   PricingTable: () => PricingTable,
   RecoveryForm: () => RecoveryForm,
   RegistrationForm: () => RegistrationForm,
+  RoleCreator: () => RoleCreator,
   SettingsForm: () => SettingsForm,
   SwitchActiveTenant: () => SwitchActiveTenant,
   TenantCreator: () => TenantCreator,
+  UserInvite: () => UserInvite,
   VerificationForm: () => VerificationForm,
   filterInputNodes: () => filterInputNodes,
   findAnchorNode: () => findAnchorNode,
@@ -1567,15 +1569,466 @@ function TenantCreator({
     ] })
   ] });
 }
+
+// src/user-invite/index.tsx
+var import_react2 = require("react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function UserInvite({ roles, onInvite }) {
+  const [email, setEmail] = (0, import_react2.useState)("");
+  const [selectedRole, setSelectedRole] = (0, import_react2.useState)("");
+  const [isSubmitting, setIsSubmitting] = (0, import_react2.useState)(false);
+  const [error, setError] = (0, import_react2.useState)(null);
+  const isValidEmail = (email2) => {
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    return emailRegex.test(email2);
+  };
+  const isFormValid = () => {
+    return email.trim() !== "" && isValidEmail(email) && selectedRole !== "";
+  };
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setError(null);
+    if (!isFormValid()) {
+      setError("Please fill in all fields with valid data");
+      return;
+    }
+    setIsSubmitting(true);
+    try {
+      const inviteData = {
+        email: email.trim(),
+        role: selectedRole
+      };
+      await onInvite?.(inviteData);
+      setEmail("");
+      setSelectedRole("");
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : "Failed to send invitation"
+      );
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  const handleReset = () => {
+    setEmail("");
+    setSelectedRole("");
+    setError(null);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Card, { className: "w-full max-w-2xl", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(CardHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CardTitle, { children: "Invite User" }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CardDescription, { children: "Send an invitation to a new user to join your organization" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CardContent, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Label, { htmlFor: "email", children: "Email Address" }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          Input,
+          {
+            id: "email",
+            type: "email",
+            placeholder: "colleague@company.com",
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            "aria-invalid": email !== "" && !isValidEmail(email)
+          }
+        ),
+        email !== "" && !isValidEmail(email) && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-xs text-destructive", children: "Please enter a valid email address" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Label, { htmlFor: "role", children: "Role" }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Select, { value: selectedRole, onValueChange: setSelectedRole, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectTrigger, { id: "role", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectValue, { placeholder: "Select a role" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectContent, { children: roles.length > 0 ? roles.map((role) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectItem, { value: role, children: role }, role)) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectItem, { value: "no-roles", disabled: true, children: "No roles available" }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-xs text-muted-foreground", children: "The role determines what permissions the user will have" })
+      ] }),
+      error && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "p-3 rounded-md bg-destructive/10 border border-destructive/20", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-sm text-destructive", children: error }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex justify-end space-x-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: handleReset,
+            disabled: isSubmitting,
+            children: "Reset"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { type: "submit", disabled: !isFormValid() || isSubmitting, children: isSubmitting ? "Sending..." : "Send Invitation" })
+      ] })
+    ] }) })
+  ] });
+}
+
+// src/role-creator/index.tsx
+var import_react3 = require("react");
+
+// src/components/ui/checkbox.tsx
+var React14 = require("react");
+var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"), 1);
+var import_lucide_react3 = require("lucide-react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function Checkbox({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    CheckboxPrimitive.Root,
+    {
+      "data-slot": "checkbox",
+      className: cn(
+        "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        CheckboxPrimitive.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "grid place-content-center text-current transition-none",
+          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react3.CheckIcon, { className: "size-3.5" })
+        }
+      )
+    }
+  );
+}
+
+// src/components/ui/separator.tsx
+var React15 = require("react");
+var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
+var import_jsx_runtime25 = require("react/jsx-runtime");
+function Separator2({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    SeparatorPrimitive.Root,
+    {
+      "data-slot": "separator",
+      decorative,
+      orientation,
+      className: cn(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/role-creator/index.tsx
+var import_jsx_runtime26 = require("react/jsx-runtime");
+function RoleCreator({
+  definitions,
+  roles,
+  namespaceMap = {},
+  onRoleCreate,
+  onRoleUpdate
+}) {
+  const [roleName, setRoleName] = (0, import_react3.useState)("");
+  const [selectedPermissions, setSelectedPermissions] = (0, import_react3.useState)(
+    /* @__PURE__ */ new Set()
+  );
+  const [showSuggestions, setShowSuggestions] = (0, import_react3.useState)(false);
+  const [isEditMode, setIsEditMode] = (0, import_react3.useState)(false);
+  const [editingRoleId, setEditingRoleId] = (0, import_react3.useState)(null);
+  const { tenantNamespace, fineGrainedNamespaces } = (0, import_react3.useMemo)(() => {
+    const tenant = definitions.find(
+      (def) => def.namespace.toLowerCase() === "tenant"
+    );
+    const fineGrained = definitions.filter(
+      (def) => def.namespace.toLowerCase() !== "tenant"
+    );
+    return {
+      tenantNamespace: tenant,
+      fineGrainedNamespaces: fineGrained
+    };
+  }, [definitions]);
+  const roleSuggestions = (0, import_react3.useMemo)(() => {
+    return roles.map((role) => role.role_name);
+  }, [roles]);
+  const handleRoleNameChange = (value) => {
+    setRoleName(value);
+    const existingRole = roles.find(
+      (role) => role.role_name.toLowerCase() === value.toLowerCase()
+    );
+    if (existingRole) {
+      setIsEditMode(true);
+      setEditingRoleId(existingRole.id);
+      const permissions = /* @__PURE__ */ new Set();
+      existingRole.permissions.forEach((perm) => {
+        permissions.add(perm);
+      });
+      setSelectedPermissions(permissions);
+    } else {
+      setIsEditMode(false);
+      setEditingRoleId(null);
+    }
+  };
+  const buildPermissionString = (namespace, relation, resourceId) => {
+    if (resourceId) {
+      return `${namespace.toLowerCase()}:${resourceId}#${relation}`;
+    }
+    return `${namespace.toLowerCase()}#${relation}`;
+  };
+  const togglePermission = (permissionString) => {
+    const newPermissions = new Set(selectedPermissions);
+    if (newPermissions.has(permissionString)) {
+      newPermissions.delete(permissionString);
+    } else {
+      newPermissions.add(permissionString);
+    }
+    setSelectedPermissions(newPermissions);
+  };
+  const handleSubmit = () => {
+    if (!roleName.trim()) return;
+    const permissionsArray = Array.from(selectedPermissions);
+    if (isEditMode && editingRoleId) {
+      onRoleUpdate?.({
+        role_id: editingRoleId,
+        role_name: roleName,
+        permissions: permissionsArray
+      });
+    } else {
+      onRoleCreate?.({
+        role_name: roleName,
+        permissions: permissionsArray
+      });
+    }
+  };
+  const handleReset = () => {
+    setRoleName("");
+    setSelectedPermissions(/* @__PURE__ */ new Set());
+    setIsEditMode(false);
+    setEditingRoleId(null);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Card, { className: "w-full max-w-4xl", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(CardHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CardTitle, { children: isEditMode ? `Edit Role: ${roleName}` : "Create New Role" }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CardDescription, { children: isEditMode ? "Update permissions for this existing role" : "Define a new role with specific permissions" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(CardContent, { className: "space-y-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "space-y-2 relative", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Label, { htmlFor: "role-name", children: "Role Name" }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          Input,
+          {
+            id: "role-name",
+            placeholder: "Enter role name (e.g., admin, developer, viewer)",
+            value: roleName,
+            onChange: (e) => handleRoleNameChange(e.target.value),
+            onFocus: () => setShowSuggestions(true),
+            onBlur: () => setTimeout(() => setShowSuggestions(false), 200)
+          }
+        ),
+        showSuggestions && roleSuggestions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "absolute z-10 w-full mt-1 bg-background border rounded-md shadow-lg max-h-48 overflow-y-auto", children: roleSuggestions.filter(
+          (suggestion) => suggestion.toLowerCase().includes(roleName.toLowerCase())
+        ).map((suggestion) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          "button",
+          {
+            className: "w-full px-4 py-2 text-left hover:bg-accent hover:text-accent-foreground text-sm",
+            onMouseDown: () => {
+              handleRoleNameChange(suggestion);
+              setShowSuggestions(false);
+            },
+            children: suggestion
+          },
+          suggestion
+        )) }),
+        isEditMode && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-xs text-amber-600 dark:text-amber-400", children: "\u26A0 Editing existing role - changes will update all users with this role" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Separator2, {}),
+      tenantNamespace && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h3", { className: "text-lg font-semibold", children: "Organization Permissions" }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm text-muted-foreground", children: "Tenant-wide permissions that apply across the entire organization" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 pl-4", children: tenantNamespace.relations.map((relation) => {
+          const permissionString = buildPermissionString(
+            tenantNamespace.namespace,
+            relation
+          );
+          const isChecked = selectedPermissions.has(permissionString);
+          return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+            "div",
+            {
+              className: "flex items-center space-x-2",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                  Checkbox,
+                  {
+                    id: permissionString,
+                    checked: isChecked,
+                    onCheckedChange: () => togglePermission(permissionString)
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                  Label,
+                  {
+                    htmlFor: permissionString,
+                    className: "text-sm font-normal cursor-pointer",
+                    children: relation.replace(/_/g, " ")
+                  }
+                )
+              ]
+            },
+            permissionString
+          );
+        }) })
+      ] }),
+      fineGrainedNamespaces.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Separator2, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "space-y-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h3", { className: "text-lg font-semibold", children: "Fine-Grained Permissions" }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm text-muted-foreground", children: "Resource-specific permissions that require an object ID" })
+          ] }),
+          fineGrainedNamespaces.map((namespace) => {
+            const namespaceLower = namespace.namespace.toLowerCase();
+            const resourceMap = namespaceMap[namespaceLower] || [];
+            return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "pl-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h4", { className: "text-md font-medium capitalize", children: namespace.namespace }),
+              resourceMap.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mt-4 space-y-6", children: resourceMap.map((resource) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+                "div",
+                {
+                  className: "border rounded-lg p-4 space-y-3 bg-muted/30",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center justify-between", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "font-medium text-sm", children: resource.label }),
+                      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-xs text-muted-foreground font-mono", children: resource.id })
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: namespace.relations.map((relation) => {
+                      const permissionString = buildPermissionString(
+                        namespace.namespace,
+                        relation,
+                        resource.id
+                      );
+                      const isChecked = selectedPermissions.has(permissionString);
+                      return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+                        "div",
+                        {
+                          className: "flex items-center space-x-2",
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                              Checkbox,
+                              {
+                                id: permissionString,
+                                checked: isChecked,
+                                onCheckedChange: () => togglePermission(permissionString)
+                              }
+                            ),
+                            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                              Label,
+                              {
+                                htmlFor: permissionString,
+                                className: "text-sm font-normal cursor-pointer",
+                                children: relation.replace(/_/g, " ")
+                              }
+                            )
+                          ]
+                        },
+                        permissionString
+                      );
+                    }) })
+                  ]
+                },
+                resource.id
+              )) }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "mt-3 p-4 border-2 border-dashed rounded-lg text-center", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
+                  "No ",
+                  namespace.namespace.toLowerCase(),
+                  " resources available"
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("p", { className: "text-xs text-muted-foreground mt-1", children: [
+                  "Use wildcard permissions (e.g., ",
+                  namespaceLower,
+                  ":*#permission) for all resources"
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "mt-4 space-y-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Label, { className: "text-sm font-medium", children: [
+                  "Wildcard Permissions (All ",
+                  namespace.namespace,
+                  "s)"
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: namespace.relations.map((relation) => {
+                  const permissionString = buildPermissionString(
+                    namespace.namespace,
+                    relation,
+                    "*"
+                  );
+                  const isChecked = selectedPermissions.has(permissionString);
+                  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+                    "div",
+                    {
+                      className: "flex items-center space-x-2",
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                          Checkbox,
+                          {
+                            id: permissionString,
+                            checked: isChecked,
+                            onCheckedChange: () => togglePermission(permissionString)
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+                          Label,
+                          {
+                            htmlFor: permissionString,
+                            className: "text-sm font-normal cursor-pointer",
+                            children: [
+                              relation.replace(/_/g, " "),
+                              " (all)"
+                            ]
+                          }
+                        )
+                      ]
+                    },
+                    permissionString
+                  );
+                }) })
+              ] })
+            ] }) }, namespace.id);
+          })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Separator2, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Label, { className: "text-sm font-medium", children: [
+          "Selected Permissions (",
+          selectedPermissions.size,
+          ")"
+        ] }),
+        selectedPermissions.size > 0 ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "p-4 bg-muted rounded-md max-h-40 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("ul", { className: "space-y-1 text-xs font-mono", children: Array.from(selectedPermissions).map((perm) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("li", { className: "text-muted-foreground", children: perm }, perm)) }) }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm text-muted-foreground italic", children: "No permissions selected" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex justify-end space-x-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Button, { variant: "outline", onClick: handleReset, children: "Reset" }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          Button,
+          {
+            onClick: handleSubmit,
+            disabled: !roleName.trim() || selectedPermissions.size === 0,
+            children: isEditMode ? "Update Role" : "Create Role"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   LoginForm,
   PricingTable,
   RecoveryForm,
   RegistrationForm,
+  RoleCreator,
   SettingsForm,
   SwitchActiveTenant,
   TenantCreator,
+  UserInvite,
   VerificationForm,
   filterInputNodes,
   findAnchorNode,

package/dist/index.d.cts

@@ -3,6 +3,7 @@ import { LoginFlow, RegistrationFlow, VerificationFlow, RecoveryFlow, SettingsFl
 import * as React$1 from 'react';
 import { Tenant } from '@omnibase/core-js/tenants';
 import { Product } from '@omnibase/core-js/payments';
+import { NamespaceDefinition, Role } from '@omnibase/core-js';
 
 type LoginFormProps = {
     flow: LoginFlow;
@@ -126,4 +127,34 @@ interface TenantCreatorProps {
 }
 declare function TenantCreator({ config, formActions, className, }: TenantCreatorProps): react_jsx_runtime.JSX.Element;
 
-export { type CustomFormProps, type FlowType, LoginForm, type LoginFormProps, type NodesByGroup, PricingTable, type PricingTableProps, RecoveryForm, type RecoveryFormProps, RegistrationForm, type RegistrationFormProps, SettingsForm, type SettingsFormProps, SwitchActiveTenant, type SwitchActiveTenantProps, TenantCreator, type TenantCreatorConfig, type TenantCreatorFormActions, type TenantCreatorProps, VerificationForm, type VerificationFormProps, filterInputNodes, findAnchorNode, findCsrfToken, findSubmitButton, groupNodesByGroup, isUiNodeInputAttributes, sortNodes };
+interface UserInviteData {
+    email: string;
+    role: string;
+}
+interface UserInviteProps {
+    roles: string[];
+    onInvite?: (inviteData: UserInviteData) => void | Promise<void>;
+}
+declare function UserInvite({ roles, onInvite }: UserInviteProps): react_jsx_runtime.JSX.Element;
+
+interface NamespaceMapEntry {
+    id: string;
+    label: string;
+}
+interface RoleCreatorProps {
+    definitions: NamespaceDefinition[];
+    roles: Role[];
+    namespaceMap?: Record<string, NamespaceMapEntry[]>;
+    onRoleCreate?: (roleData: {
+        role_name: string;
+        permissions: string[];
+    }) => void;
+    onRoleUpdate?: (roleData: {
+        role_id: string;
+        role_name: string;
+        permissions: string[];
+    }) => void;
+}
+declare function RoleCreator({ definitions, roles, namespaceMap, onRoleCreate, onRoleUpdate, }: RoleCreatorProps): react_jsx_runtime.JSX.Element;
+
+export { type CustomFormProps, type FlowType, LoginForm, type LoginFormProps, type NodesByGroup, PricingTable, type PricingTableProps, RecoveryForm, type RecoveryFormProps, RegistrationForm, type RegistrationFormProps, RoleCreator, SettingsForm, type SettingsFormProps, SwitchActiveTenant, type SwitchActiveTenantProps, TenantCreator, type TenantCreatorConfig, type TenantCreatorFormActions, type TenantCreatorProps, UserInvite, VerificationForm, type VerificationFormProps, filterInputNodes, findAnchorNode, findCsrfToken, findSubmitButton, groupNodesByGroup, isUiNodeInputAttributes, sortNodes };

package/dist/index.d.ts

@@ -3,6 +3,7 @@ import { LoginFlow, RegistrationFlow, VerificationFlow, RecoveryFlow, SettingsFl
 import * as React$1 from 'react';
 import { Tenant } from '@omnibase/core-js/tenants';
 import { Product } from '@omnibase/core-js/payments';
+import { NamespaceDefinition, Role } from '@omnibase/core-js';
 
 type LoginFormProps = {
     flow: LoginFlow;
@@ -126,4 +127,34 @@ interface TenantCreatorProps {
 }
 declare function TenantCreator({ config, formActions, className, }: TenantCreatorProps): react_jsx_runtime.JSX.Element;
 
-export { type CustomFormProps, type FlowType, LoginForm, type LoginFormProps, type NodesByGroup, PricingTable, type PricingTableProps, RecoveryForm, type RecoveryFormProps, RegistrationForm, type RegistrationFormProps, SettingsForm, type SettingsFormProps, SwitchActiveTenant, type SwitchActiveTenantProps, TenantCreator, type TenantCreatorConfig, type TenantCreatorFormActions, type TenantCreatorProps, VerificationForm, type VerificationFormProps, filterInputNodes, findAnchorNode, findCsrfToken, findSubmitButton, groupNodesByGroup, isUiNodeInputAttributes, sortNodes };
+interface UserInviteData {
+    email: string;
+    role: string;
+}
+interface UserInviteProps {
+    roles: string[];
+    onInvite?: (inviteData: UserInviteData) => void | Promise<void>;
+}
+declare function UserInvite({ roles, onInvite }: UserInviteProps): react_jsx_runtime.JSX.Element;
+
+interface NamespaceMapEntry {
+    id: string;
+    label: string;
+}
+interface RoleCreatorProps {
+    definitions: NamespaceDefinition[];
+    roles: Role[];
+    namespaceMap?: Record<string, NamespaceMapEntry[]>;
+    onRoleCreate?: (roleData: {
+        role_name: string;
+        permissions: string[];
+    }) => void;
+    onRoleUpdate?: (roleData: {
+        role_id: string;
+        role_name: string;
+        permissions: string[];
+    }) => void;
+}
+declare function RoleCreator({ definitions, roles, namespaceMap, onRoleCreate, onRoleUpdate, }: RoleCreatorProps): react_jsx_runtime.JSX.Element;
+
+export { type CustomFormProps, type FlowType, LoginForm, type LoginFormProps, type NodesByGroup, PricingTable, type PricingTableProps, RecoveryForm, type RecoveryFormProps, RegistrationForm, type RegistrationFormProps, RoleCreator, SettingsForm, type SettingsFormProps, SwitchActiveTenant, type SwitchActiveTenantProps, TenantCreator, type TenantCreatorConfig, type TenantCreatorFormActions, type TenantCreatorProps, UserInvite, VerificationForm, type VerificationFormProps, filterInputNodes, findAnchorNode, findCsrfToken, findSubmitButton, groupNodesByGroup, isUiNodeInputAttributes, sortNodes };

package/dist/index.js

@@ -1518,14 +1518,465 @@ function TenantCreator({
     ] })
   ] });
 }
+
+// src/user-invite/index.tsx
+import { useState as useState5 } from "react";
+import { jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
+function UserInvite({ roles, onInvite }) {
+  const [email, setEmail] = useState5("");
+  const [selectedRole, setSelectedRole] = useState5("");
+  const [isSubmitting, setIsSubmitting] = useState5(false);
+  const [error, setError] = useState5(null);
+  const isValidEmail = (email2) => {
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    return emailRegex.test(email2);
+  };
+  const isFormValid = () => {
+    return email.trim() !== "" && isValidEmail(email) && selectedRole !== "";
+  };
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setError(null);
+    if (!isFormValid()) {
+      setError("Please fill in all fields with valid data");
+      return;
+    }
+    setIsSubmitting(true);
+    try {
+      const inviteData = {
+        email: email.trim(),
+        role: selectedRole
+      };
+      await onInvite?.(inviteData);
+      setEmail("");
+      setSelectedRole("");
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : "Failed to send invitation"
+      );
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  const handleReset = () => {
+    setEmail("");
+    setSelectedRole("");
+    setError(null);
+  };
+  return /* @__PURE__ */ jsxs14(Card, { className: "w-full max-w-2xl", children: [
+    /* @__PURE__ */ jsxs14(CardHeader, { children: [
+      /* @__PURE__ */ jsx23(CardTitle, { children: "Invite User" }),
+      /* @__PURE__ */ jsx23(CardDescription, { children: "Send an invitation to a new user to join your organization" })
+    ] }),
+    /* @__PURE__ */ jsx23(CardContent, { children: /* @__PURE__ */ jsxs14("form", { onSubmit: handleSubmit, className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx23(Label, { htmlFor: "email", children: "Email Address" }),
+        /* @__PURE__ */ jsx23(
+          Input,
+          {
+            id: "email",
+            type: "email",
+            placeholder: "colleague@company.com",
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            "aria-invalid": email !== "" && !isValidEmail(email)
+          }
+        ),
+        email !== "" && !isValidEmail(email) && /* @__PURE__ */ jsx23("p", { className: "text-xs text-destructive", children: "Please enter a valid email address" })
+      ] }),
+      /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx23(Label, { htmlFor: "role", children: "Role" }),
+        /* @__PURE__ */ jsxs14(Select, { value: selectedRole, onValueChange: setSelectedRole, children: [
+          /* @__PURE__ */ jsx23(SelectTrigger, { id: "role", children: /* @__PURE__ */ jsx23(SelectValue, { placeholder: "Select a role" }) }),
+          /* @__PURE__ */ jsx23(SelectContent, { children: roles.length > 0 ? roles.map((role) => /* @__PURE__ */ jsx23(SelectItem, { value: role, children: role }, role)) : /* @__PURE__ */ jsx23(SelectItem, { value: "no-roles", disabled: true, children: "No roles available" }) })
+        ] }),
+        /* @__PURE__ */ jsx23("p", { className: "text-xs text-muted-foreground", children: "The role determines what permissions the user will have" })
+      ] }),
+      error && /* @__PURE__ */ jsx23("div", { className: "p-3 rounded-md bg-destructive/10 border border-destructive/20", children: /* @__PURE__ */ jsx23("p", { className: "text-sm text-destructive", children: error }) }),
+      /* @__PURE__ */ jsxs14("div", { className: "flex justify-end space-x-3", children: [
+        /* @__PURE__ */ jsx23(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: handleReset,
+            disabled: isSubmitting,
+            children: "Reset"
+          }
+        ),
+        /* @__PURE__ */ jsx23(Button, { type: "submit", disabled: !isFormValid() || isSubmitting, children: isSubmitting ? "Sending..." : "Send Invitation" })
+      ] })
+    ] }) })
+  ] });
+}
+
+// src/role-creator/index.tsx
+import { useState as useState6, useMemo as useMemo2 } from "react";
+
+// src/components/ui/checkbox.tsx
+import "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { CheckIcon } from "lucide-react";
+import { jsx as jsx24 } from "react/jsx-runtime";
+function Checkbox({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx24(
+    CheckboxPrimitive.Root,
+    {
+      "data-slot": "checkbox",
+      className: cn(
+        "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx24(
+        CheckboxPrimitive.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "grid place-content-center text-current transition-none",
+          children: /* @__PURE__ */ jsx24(CheckIcon, { className: "size-3.5" })
+        }
+      )
+    }
+  );
+}
+
+// src/components/ui/separator.tsx
+import "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { jsx as jsx25 } from "react/jsx-runtime";
+function Separator2({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx25(
+    SeparatorPrimitive.Root,
+    {
+      "data-slot": "separator",
+      decorative,
+      orientation,
+      className: cn(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/role-creator/index.tsx
+import { Fragment as Fragment2, jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
+function RoleCreator({
+  definitions,
+  roles,
+  namespaceMap = {},
+  onRoleCreate,
+  onRoleUpdate
+}) {
+  const [roleName, setRoleName] = useState6("");
+  const [selectedPermissions, setSelectedPermissions] = useState6(
+    /* @__PURE__ */ new Set()
+  );
+  const [showSuggestions, setShowSuggestions] = useState6(false);
+  const [isEditMode, setIsEditMode] = useState6(false);
+  const [editingRoleId, setEditingRoleId] = useState6(null);
+  const { tenantNamespace, fineGrainedNamespaces } = useMemo2(() => {
+    const tenant = definitions.find(
+      (def) => def.namespace.toLowerCase() === "tenant"
+    );
+    const fineGrained = definitions.filter(
+      (def) => def.namespace.toLowerCase() !== "tenant"
+    );
+    return {
+      tenantNamespace: tenant,
+      fineGrainedNamespaces: fineGrained
+    };
+  }, [definitions]);
+  const roleSuggestions = useMemo2(() => {
+    return roles.map((role) => role.role_name);
+  }, [roles]);
+  const handleRoleNameChange = (value) => {
+    setRoleName(value);
+    const existingRole = roles.find(
+      (role) => role.role_name.toLowerCase() === value.toLowerCase()
+    );
+    if (existingRole) {
+      setIsEditMode(true);
+      setEditingRoleId(existingRole.id);
+      const permissions = /* @__PURE__ */ new Set();
+      existingRole.permissions.forEach((perm) => {
+        permissions.add(perm);
+      });
+      setSelectedPermissions(permissions);
+    } else {
+      setIsEditMode(false);
+      setEditingRoleId(null);
+    }
+  };
+  const buildPermissionString = (namespace, relation, resourceId) => {
+    if (resourceId) {
+      return `${namespace.toLowerCase()}:${resourceId}#${relation}`;
+    }
+    return `${namespace.toLowerCase()}#${relation}`;
+  };
+  const togglePermission = (permissionString) => {
+    const newPermissions = new Set(selectedPermissions);
+    if (newPermissions.has(permissionString)) {
+      newPermissions.delete(permissionString);
+    } else {
+      newPermissions.add(permissionString);
+    }
+    setSelectedPermissions(newPermissions);
+  };
+  const handleSubmit = () => {
+    if (!roleName.trim()) return;
+    const permissionsArray = Array.from(selectedPermissions);
+    if (isEditMode && editingRoleId) {
+      onRoleUpdate?.({
+        role_id: editingRoleId,
+        role_name: roleName,
+        permissions: permissionsArray
+      });
+    } else {
+      onRoleCreate?.({
+        role_name: roleName,
+        permissions: permissionsArray
+      });
+    }
+  };
+  const handleReset = () => {
+    setRoleName("");
+    setSelectedPermissions(/* @__PURE__ */ new Set());
+    setIsEditMode(false);
+    setEditingRoleId(null);
+  };
+  return /* @__PURE__ */ jsxs15(Card, { className: "w-full max-w-4xl", children: [
+    /* @__PURE__ */ jsxs15(CardHeader, { children: [
+      /* @__PURE__ */ jsx26(CardTitle, { children: isEditMode ? `Edit Role: ${roleName}` : "Create New Role" }),
+      /* @__PURE__ */ jsx26(CardDescription, { children: isEditMode ? "Update permissions for this existing role" : "Define a new role with specific permissions" })
+    ] }),
+    /* @__PURE__ */ jsxs15(CardContent, { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs15("div", { className: "space-y-2 relative", children: [
+        /* @__PURE__ */ jsx26(Label, { htmlFor: "role-name", children: "Role Name" }),
+        /* @__PURE__ */ jsx26(
+          Input,
+          {
+            id: "role-name",
+            placeholder: "Enter role name (e.g., admin, developer, viewer)",
+            value: roleName,
+            onChange: (e) => handleRoleNameChange(e.target.value),
+            onFocus: () => setShowSuggestions(true),
+            onBlur: () => setTimeout(() => setShowSuggestions(false), 200)
+          }
+        ),
+        showSuggestions && roleSuggestions.length > 0 && /* @__PURE__ */ jsx26("div", { className: "absolute z-10 w-full mt-1 bg-background border rounded-md shadow-lg max-h-48 overflow-y-auto", children: roleSuggestions.filter(
+          (suggestion) => suggestion.toLowerCase().includes(roleName.toLowerCase())
+        ).map((suggestion) => /* @__PURE__ */ jsx26(
+          "button",
+          {
+            className: "w-full px-4 py-2 text-left hover:bg-accent hover:text-accent-foreground text-sm",
+            onMouseDown: () => {
+              handleRoleNameChange(suggestion);
+              setShowSuggestions(false);
+            },
+            children: suggestion
+          },
+          suggestion
+        )) }),
+        isEditMode && /* @__PURE__ */ jsx26("p", { className: "text-xs text-amber-600 dark:text-amber-400", children: "\u26A0 Editing existing role - changes will update all users with this role" })
+      ] }),
+      /* @__PURE__ */ jsx26(Separator2, {}),
+      tenantNamespace && /* @__PURE__ */ jsxs15("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs15("div", { children: [
+          /* @__PURE__ */ jsx26("h3", { className: "text-lg font-semibold", children: "Organization Permissions" }),
+          /* @__PURE__ */ jsx26("p", { className: "text-sm text-muted-foreground", children: "Tenant-wide permissions that apply across the entire organization" })
+        ] }),
+        /* @__PURE__ */ jsx26("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 pl-4", children: tenantNamespace.relations.map((relation) => {
+          const permissionString = buildPermissionString(
+            tenantNamespace.namespace,
+            relation
+          );
+          const isChecked = selectedPermissions.has(permissionString);
+          return /* @__PURE__ */ jsxs15(
+            "div",
+            {
+              className: "flex items-center space-x-2",
+              children: [
+                /* @__PURE__ */ jsx26(
+                  Checkbox,
+                  {
+                    id: permissionString,
+                    checked: isChecked,
+                    onCheckedChange: () => togglePermission(permissionString)
+                  }
+                ),
+                /* @__PURE__ */ jsx26(
+                  Label,
+                  {
+                    htmlFor: permissionString,
+                    className: "text-sm font-normal cursor-pointer",
+                    children: relation.replace(/_/g, " ")
+                  }
+                )
+              ]
+            },
+            permissionString
+          );
+        }) })
+      ] }),
+      fineGrainedNamespaces.length > 0 && /* @__PURE__ */ jsxs15(Fragment2, { children: [
+        /* @__PURE__ */ jsx26(Separator2, {}),
+        /* @__PURE__ */ jsxs15("div", { className: "space-y-6", children: [
+          /* @__PURE__ */ jsxs15("div", { children: [
+            /* @__PURE__ */ jsx26("h3", { className: "text-lg font-semibold", children: "Fine-Grained Permissions" }),
+            /* @__PURE__ */ jsx26("p", { className: "text-sm text-muted-foreground", children: "Resource-specific permissions that require an object ID" })
+          ] }),
+          fineGrainedNamespaces.map((namespace) => {
+            const namespaceLower = namespace.namespace.toLowerCase();
+            const resourceMap = namespaceMap[namespaceLower] || [];
+            return /* @__PURE__ */ jsx26("div", { className: "space-y-4", children: /* @__PURE__ */ jsxs15("div", { className: "pl-4", children: [
+              /* @__PURE__ */ jsx26("h4", { className: "text-md font-medium capitalize", children: namespace.namespace }),
+              resourceMap.length > 0 ? /* @__PURE__ */ jsx26("div", { className: "mt-4 space-y-6", children: resourceMap.map((resource) => /* @__PURE__ */ jsxs15(
+                "div",
+                {
+                  className: "border rounded-lg p-4 space-y-3 bg-muted/30",
+                  children: [
+                    /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between", children: [
+                      /* @__PURE__ */ jsx26("span", { className: "font-medium text-sm", children: resource.label }),
+                      /* @__PURE__ */ jsx26("span", { className: "text-xs text-muted-foreground font-mono", children: resource.id })
+                    ] }),
+                    /* @__PURE__ */ jsx26("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: namespace.relations.map((relation) => {
+                      const permissionString = buildPermissionString(
+                        namespace.namespace,
+                        relation,
+                        resource.id
+                      );
+                      const isChecked = selectedPermissions.has(permissionString);
+                      return /* @__PURE__ */ jsxs15(
+                        "div",
+                        {
+                          className: "flex items-center space-x-2",
+                          children: [
+                            /* @__PURE__ */ jsx26(
+                              Checkbox,
+                              {
+                                id: permissionString,
+                                checked: isChecked,
+                                onCheckedChange: () => togglePermission(permissionString)
+                              }
+                            ),
+                            /* @__PURE__ */ jsx26(
+                              Label,
+                              {
+                                htmlFor: permissionString,
+                                className: "text-sm font-normal cursor-pointer",
+                                children: relation.replace(/_/g, " ")
+                              }
+                            )
+                          ]
+                        },
+                        permissionString
+                      );
+                    }) })
+                  ]
+                },
+                resource.id
+              )) }) : /* @__PURE__ */ jsxs15("div", { className: "mt-3 p-4 border-2 border-dashed rounded-lg text-center", children: [
+                /* @__PURE__ */ jsxs15("p", { className: "text-sm text-muted-foreground", children: [
+                  "No ",
+                  namespace.namespace.toLowerCase(),
+                  " resources available"
+                ] }),
+                /* @__PURE__ */ jsxs15("p", { className: "text-xs text-muted-foreground mt-1", children: [
+                  "Use wildcard permissions (e.g., ",
+                  namespaceLower,
+                  ":*#permission) for all resources"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs15("div", { className: "mt-4 space-y-2", children: [
+                /* @__PURE__ */ jsxs15(Label, { className: "text-sm font-medium", children: [
+                  "Wildcard Permissions (All ",
+                  namespace.namespace,
+                  "s)"
+                ] }),
+                /* @__PURE__ */ jsx26("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: namespace.relations.map((relation) => {
+                  const permissionString = buildPermissionString(
+                    namespace.namespace,
+                    relation,
+                    "*"
+                  );
+                  const isChecked = selectedPermissions.has(permissionString);
+                  return /* @__PURE__ */ jsxs15(
+                    "div",
+                    {
+                      className: "flex items-center space-x-2",
+                      children: [
+                        /* @__PURE__ */ jsx26(
+                          Checkbox,
+                          {
+                            id: permissionString,
+                            checked: isChecked,
+                            onCheckedChange: () => togglePermission(permissionString)
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs15(
+                          Label,
+                          {
+                            htmlFor: permissionString,
+                            className: "text-sm font-normal cursor-pointer",
+                            children: [
+                              relation.replace(/_/g, " "),
+                              " (all)"
+                            ]
+                          }
+                        )
+                      ]
+                    },
+                    permissionString
+                  );
+                }) })
+              ] })
+            ] }) }, namespace.id);
+          })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx26(Separator2, {}),
+      /* @__PURE__ */ jsxs15("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs15(Label, { className: "text-sm font-medium", children: [
+          "Selected Permissions (",
+          selectedPermissions.size,
+          ")"
+        ] }),
+        selectedPermissions.size > 0 ? /* @__PURE__ */ jsx26("div", { className: "p-4 bg-muted rounded-md max-h-40 overflow-y-auto", children: /* @__PURE__ */ jsx26("ul", { className: "space-y-1 text-xs font-mono", children: Array.from(selectedPermissions).map((perm) => /* @__PURE__ */ jsx26("li", { className: "text-muted-foreground", children: perm }, perm)) }) }) : /* @__PURE__ */ jsx26("p", { className: "text-sm text-muted-foreground italic", children: "No permissions selected" })
+      ] }),
+      /* @__PURE__ */ jsxs15("div", { className: "flex justify-end space-x-3", children: [
+        /* @__PURE__ */ jsx26(Button, { variant: "outline", onClick: handleReset, children: "Reset" }),
+        /* @__PURE__ */ jsx26(
+          Button,
+          {
+            onClick: handleSubmit,
+            disabled: !roleName.trim() || selectedPermissions.size === 0,
+            children: isEditMode ? "Update Role" : "Create Role"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
 export {
   LoginForm,
   PricingTable,
   RecoveryForm,
   RegistrationForm,
+  RoleCreator,
   SettingsForm,
   SwitchActiveTenant,
   TenantCreator,
+  UserInvite,
   VerificationForm,
   filterInputNodes,
   findAnchorNode,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omnibase/shadcn",
-  "version": "0.4.3",
+  "version": "0.5.0",
   "description": "OmniBase ShadCN UI Package",
   "type": "module",
   "exports": {
@@ -36,37 +36,39 @@
     "react-dom": "^19.1.0"
   },
   "dependencies": {
+    "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-label": "^2.1.7",
     "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.7",
     "@radix-ui/react-slot": "^1.2.3",
-    "@types/node": "^24.5.2",
+    "@types/node": "^24.9.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^0.544.0",
     "tailwind-merge": "^2.6.0"
   },
   "devDependencies": {
-    "@omnibase/core-js": "workspace:*",
-    "@storybook/addon-docs": "^9.1.8",
-    "@storybook/react-vite": "^9.1.8",
-    "@tailwindcss/vite": "^4.1.13",
-    "@types/react": "^18.3.24",
-    "@types/react-dom": "^18.3.7",
+    "@omnibase/core-js": "0.7.4",
+    "@storybook/addon-docs": "^9.1.15",
+    "@storybook/react-vite": "^9.1.15",
+    "@tailwindcss/vite": "^4.1.16",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
-    "@vitejs/plugin-react": "^5.0.3",
-    "ajv": "^8.12.0",
+    "@vitejs/plugin-react": "^5.1.0",
+    "ajv": "^8.17.1",
     "autoprefixer": "^10.4.21",
     "eslint": "^8.57.1",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-storybook": "^9.1.8",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "storybook": "^9.1.8",
-    "tailwindcss": "^4.1.13",
+    "eslint-plugin-storybook": "^9.1.15",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "storybook": "^9.1.15",
+    "tailwindcss": "^4.1.16",
     "tsup": "^8.5.0",
-    "typescript": "^5.9.2",
-    "vite": "^7.1.7",
+    "typescript": "^5.9.3",
+    "vite": "^7.1.12",
     "vite-plugin-dts": "^4.5.4"
   }
 }